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

@@ -8,8 +8,8 @@
         <!-- Back -->
         <font-awesome
           icon="chevron-left"
-          @click="$router.back()"
           class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          @click="$router.back()"
         />
         New Activity For You
       </h1>
@@ -66,8 +66,8 @@
           </router-link>
           <!-- New line that appears on hover or when the offer is clicked -->
           <div
-            @click="markOffersAsReadStartingWith(offer.jwtId)"
             class="absolute left-0 w-full text-left text-gray-500 text-sm hidden group-hover:flex cursor-pointer items-center"
+            @click="markOffersAsReadStartingWith(offer.jwtId)"
           >
             <span class="inline-block w-8 h-px bg-gray-500 mr-2" />
             Click to keep all above as new offers
@@ -135,8 +135,8 @@
           </router-link>
           <!-- New line that appears on hover -->
           <div
-            @click="markOffersToUserProjectsAsReadStartingWith(offer.jwtId)"
             class="absolute left-0 w-full text-left text-gray-500 text-sm hidden group-hover:flex cursor-pointer items-center"
+            @click="markOffersToUserProjectsAsReadStartingWith(offer.jwtId)"
           >
             <span class="inline-block w-8 h-px bg-gray-500 mr-2" />
             Click to keep all above as new offers