fix: update component and import paths

Changes:
- Update font-awesome component closing tag to match naming
- Change @capacitor/app import to use local wrapper
- Fix component self-closing tags in ContactScanView.vue

This improves consistency in component usage and centralizes
capacitor imports through our wrapper layer.

src/views/ConfirmContactView.vue

@@ -8,8 +8,8 @@
         <router-link
           :to="{ name: 'account' }"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></fa
-        ></router-link>
+          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
+        </router-link>
 
         Confirm Contact
       </h1>

src/views/ContactAmountsView.vue

@@ -11,8 +11,8 @@
         <router-link
           :to="{ name: 'contacts' }"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></fa
-        ></router-link>
+          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
+        </router-link>
       </h1>
 
       <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4">

src/views/ContactGiftingView.vue

@@ -9,8 +9,8 @@
         <router-link
           :to="{ name: 'home' }"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></fa
-        ></router-link>
+          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
+        </router-link>
         Given by...
       </h1>
     </div>

src/views/ContactScanView.vue

@@ -7,8 +7,8 @@
         <router-link
           :to="{ name: 'account' }"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></fa
-        ></router-link>
+          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
+        </router-link>
 
         Scan Contact
       </h1>