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/UserProfileView.vue

@@ -9,8 +9,8 @@
       <h1 id="ViewHeading" class="text-lg text-center font-light relative px-7">
         <!-- Back -->
         <button
-          @click="$router.back()"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          @click="$router.back()"
         >
           <font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
         </button>
@@ -20,8 +20,8 @@
 
     <!-- Loading Animation -->
     <div
-      class="fixed left-6 mt-16 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
       v-if="isLoading"
+      class="fixed left-6 mt-16 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
     >
       <font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
     </div>