style: reorder v-model and v-bind directives

Changes:
- Move v-model directives before other attributes
- Move v-bind directives before event handlers
- Reorder attributes for better readability
- Fix template attribute ordering across components
- Improve eslint rules
- add default vite config for testing (handles nostr error too)
This follows Vue.js style guide recommendations for attribute
ordering and improves template consistency.

src/views/ContactImportView.vue

@@ -24,7 +24,7 @@
         v-if="contactsImporting.length > sameCount"
         class="flex justify-center"
       >
-        <input type="checkbox" v-model="makeVisible" class="mr-2" />
+        <input v-model="makeVisible" type="checkbox" class="mr-2" />
         Make my activity visible to these contacts.
       </span>
 
@@ -51,7 +51,7 @@
             class="grow overflow-hidden border-b border-slate-300 pt-2.5 pb-4"
           >
             <h2 class="text-base font-semibold">
-              <input type="checkbox" v-model="contactsSelected[index]" />
+              <input v-model="contactsSelected[index]" type="checkbox" />
               {{ contact.name || AppString.NO_CONTACT_NAME }}
               -
               <span v-if="contactsExisting[contact.did]" class="text-orange-500"
@@ -110,8 +110,8 @@
           />
           <br />
           <button
-            @click="() => processContactJwt(inputJwt)"
             class="ml-2 p-2 bg-blue-500 text-white rounded"
+            @click="() => processContactJwt(inputJwt)"
           >
             Check Import
           </button>