chore: updates for qr code reader rules, linting, and cleanup

src/views/ContactQRScanShowView.vue

@@ -75,8 +75,13 @@
     </div>
 
     <div class="text-center">
-      <h2 class="text-2xl text-center font-semibold mt-6 mb-2">Scan Contact Info</h2>
-      <div v-if="isScanning" class="relative aspect-square rounded-xl overflow-hidden bg-slate-800 w-[67vw] max-w-[33vh] mx-auto">
+      <h2 class="text-2xl text-center font-semibold mt-6 mb-2">
+        Scan Contact Info
+      </h2>
+      <div
+        v-if="isScanning"
+        class="relative aspect-square rounded-xl overflow-hidden bg-slate-800 w-[67vw] max-w-[33vh] mx-auto"
+      >
         <!-- Status Message -->
         <div
           class="absolute top-0 left-0 right-0 bg-black bg-opacity-50 text-white text-sm text-center py-2 z-10"
@@ -117,9 +122,7 @@
             ></span>
             <span>Position QR code in the frame</span>
           </p>
-          <p v-else-if="error" class="text-red-400">
-            Error: {{ error }}
-          </p>
+          <p v-else-if="error" class="text-red-400">Error: {{ error }}</p>
           <p v-else class="flex items-center justify-center space-x-2">
             <span class="inline-block w-2 h-2 bg-blue-500 rounded-full"></span>
             <span>Ready to scan</span>
@@ -157,7 +160,7 @@
           <font-awesome icon="camera-rotate" class="size-6 text-gray-600" />
         </button>
       </div>
-      <div class="mt-4" v-else>
+      <div v-else class="mt-4">
         <button
           v-if="isNativePlatform"
           class="bg-blue-500 text-white px-4 py-2 rounded-md"