implement first page header with metamask connection

Co-authored-by: geovanne97 <geovannessaraiva97@gmail.com>
Co-authored-by: brunoedcf <brest.dallacosta@outlook.com>

src/views/EthersView.vue

@@ -1,17 +1,21 @@
 <script setup lang="ts">
-import ethers from '../ethers'
+import ethers from "../ethers";
 
 const connectMetaMask = () => {
   ethers.getProvider().then((web3Provider) => {
     console.log(web3Provider);
-  })
-}
-
+  });
+};
 </script>
 
 <template>
   <div class="about">
-    <button class="rounded-lg w-full border border-emerald-900 text-white py-2 bg-emerald-600 hover:bg-emerald-500 mt-4" @click="connectMetaMask()">Conectar metaMask</button>
+    <button
+      class="rounded-lg w-full border border-emerald-900 text-white py-2 bg-emerald-600 hover:bg-emerald-500 mt-4"
+      @click="connectMetaMask()"
+    >
+      Conectar metaMask
+    </button>
   </div>
 </template>
 

src/views/QrCodeForm.vue

@@ -29,12 +29,8 @@ const submit = () => {
 
   const pixQrCode = pix({
     pixKey: pixModel.value.pixKey,
-    merchantName: pixModel.value.name.trim()
-      ? pixModel.value.name
-      : "name",
-    merchantCity: pixModel.value.city.trim()
-      ? pixModel.value.city
-      : "city",
+    merchantName: pixModel.value.name.trim() ? pixModel.value.name : "name",
+    merchantCity: pixModel.value.city.trim() ? pixModel.value.city : "city",
     transactionId: pixModel.value.transactionId.trim()
       ? pixModel.value.transactionId
       : "***",