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

@@ -5,8 +5,8 @@
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
         <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>
@@ -15,10 +15,10 @@
     </div>
 
     <input
+      v-model="givenName"
       type="text"
       placeholder="Name"
       class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
-      v-model="givenName"
     />
 
     <div class="mt-8">