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

@@ -22,9 +22,9 @@
         <div class="flex justify-between items-center">
           <h2 class="text-xl font-medium">{{ attendingMeeting.name }}</h2>
           <button
-            @click.stop="leaveMeeting"
             class="text-red-600 hover:text-red-700 p-2"
             title="Leave Meeting"
+            @click.stop="leaveMeeting"
           >
             <font-awesome icon="right-from-bracket" />
           </button>
@@ -65,14 +65,14 @@
         />
         <div class="flex justify-end space-x-4">
           <button
-            @click="cancelPasswordDialog"
             class="px-4 py-2 bg-gray-200 rounded hover:bg-gray-300"
+            @click="cancelPasswordDialog"
           >
             Cancel
           </button>
           <button
-            @click="submitPassword"
             class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
+            @click="submitPassword"
           >
             Submit
           </button>