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

@@ -14,22 +14,22 @@
         <div class="text-center mb-4">Choose how to use this image</div>
         <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
           <button
-            @click="recordGift"
             class="text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
+            @click="recordGift"
           >
             <font-awesome icon="gift" class="fa-fw" />
             Record a Gift
           </button>
           <button
-            @click="recordProfile"
             class="text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
+            @click="recordProfile"
           >
             <font-awesome icon="circle-user" class="fa-fw" />
             Save as Profile Image
           </button>
           <button
-            @click="cancel"
             class="text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
+            @click="cancel"
           >
             <font-awesome icon="ban" class="fa-fw" />
             Cancel