Fix sonar issues

src/App.vue

@@ -12,5 +12,3 @@ import TopBar from "./components/TopBar/TopBar.vue";
     </template>
   </RouterView>
 </template>
-
-<style scoped></style>

src/assets/base.css

@@ -19,10 +19,7 @@
   --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
   --vt-c-text-dark-1: var(--vt-c-white);
   --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
-}
 
-/* semantic color variables for this project */
-:root {
   --color-background: var(--vt-c-white);
   --color-background-soft: var(--vt-c-white-soft);
   --color-background-mute: var(--vt-c-white-mute);

src/blockchain/events.ts

@@ -54,7 +54,6 @@ const getValidDeposits = async (
 
   const filterDeposits = p2pContract.filters.DepositAdded(null);
   const eventsDeposits = await p2pContract.queryFilter(filterDeposits);
-  console.log(eventsDeposits);
 
   if (!contract) p2pContract = getContract(); // get metamask provider contract
 

src/components/ListingComponent/ListingComponent.vue

@@ -111,7 +111,6 @@ showInitialItems();
         BRZ
       </span>
 
-      <!-- TODO: change this hardcoded date -->
       <span class="last-release-info transaction-date"> 20 out 2022 </span>
 
       <span class="last-release-info" v-if="!props.isManageMode">

src/components/QrCodeComponent.vue

@@ -83,7 +83,7 @@ const validatePix = async (): Promise<void> => {
       <div
         class="flex-col items-center justify-center flex w-full bg-white p-8 rounded-lg break-normal"
       >
-        <img :src="qrCode" class="w-48 h-48" />
+        <img alt="Qr code image" :src="qrCode" class="w-48 h-48" />
         <span class="text-center font-bold">Código pix</span>
         <div class="break-words w-4/5">
           <span class="text-center text-xs">
@@ -190,10 +190,6 @@ h2 {
   transform: translateX(50%);
 }
 
-.page {
-  @apply flex flex-col items-center justify-center w-full mt-16;
-}
-
 .text-container {
   @apply flex flex-col items-center justify-center gap-4;
 }

src/views/HomeView.vue

@@ -117,5 +117,3 @@ onMounted(async () => {
     />
   </div>
 </template>
-
-<style scoped></style>

src/views/SellerView.vue

@@ -75,5 +75,3 @@ const sendNetwork = async () => {
     />
   </div>
 </template>
-
-<style scoped></style>