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

@@ -7,7 +7,7 @@
       <!-- Header -->
       <div class="flex justify-between items-center mb-4">
         <h2 class="text-xl font-bold capitalize">{{ roleName }} Details</h2>
-        <button @click="close" class="text-gray-500 hover:text-gray-700">
+        <button class="text-gray-500 hover:text-gray-700" @click="close">
           <font-awesome icon="times" />
         </button>
       </div>
@@ -69,7 +69,7 @@
         <div class="mt-4">
           <span v-if="canShare">
             If you'd like an introduction,
-            <a @click="onClickShareClaim()" class="text-blue-500"
+            <a class="text-blue-500" @click="onClickShareClaim()"
               >click here to share the information with them and ask if they'll
               tell you more about the {{ roleName }}.</a
             >
@@ -77,8 +77,8 @@
           <span v-else>
             If you'd like an introduction,
             <a
-              @click="copyToClipboard('A link to this page', windowLocation)"
               class="text-blue-500"
+              @click="copyToClipboard('A link to this page', windowLocation)"
               >click here to copy this page, paste it into a message, and ask if
               they'll tell you more about the {{ roleName }}.</a
             >
@@ -89,8 +89,8 @@
       <!-- Footer -->
       <div class="flex justify-end">
         <button
-          @click="close"
           class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
+          @click="close"
         >
           Close
         </button>