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/components/GiftedDialog.vue

@@ -5,10 +5,10 @@
         {{ customTitle }}
       </h1>
       <input
+        v-model="description"
         type="text"
         class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
         :placeholder="prompt || 'What was given?'"
-        v-model="description"
       />
       <div class="flex flex-row justify-center">
         <span
@@ -25,9 +25,9 @@
         </div>
         <input
           id="inputGivenAmount"
+          v-model="amountInput"
           type="number"
           class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
-          v-model="amountInput"
         />
         <div
           class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"