fix(app): replace Vuetify 2 legacy props with proper V3 API

Replace deprecated V2 props that were being silently ignored:
- v-layout → v-row, grid-list-md removed, xs → cols on v-col
- v-tooltip top → location="top", v-list dense → density="compact"
- v-app-bar app/scroll-off-screen → scroll-behavior="hide"
- append-outer-icon → append-icon, remove primary-title
- headline class → text-h6, remove wrap from v-row

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/components/pages/events/event-card.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card flat variant="outlined" rounded="xl">
-    <v-card-title v-if="event.band" primary-title>
-      <h3 class="headline mb-0">
+    <v-card-title v-if="event.band">
+      <h3 class="text-h6 mb-0">
         <v-icon
           v-if="hasUser"
           class="ml-1 mr-1 text-medium-emphasis"
@@ -17,7 +17,6 @@
       <v-row dense>
         <v-col
           cols="12"
-          xs="12"
           sm="6"
         >
           <strong class="mr-1" v-text="t('events.date')" />{{
@@ -25,7 +24,7 @@
           }}
           ({{ weekday }} {{ daysUntil }})
         </v-col>
-        <v-col v-if="event.time" cols="12" xs="12" sm="6">
+        <v-col v-if="event.time" cols="12" sm="6">
           <strong class="mr-1" v-text="t('events.time')" />{{
             event.time
           }}
@@ -34,7 +33,6 @@
       <v-row v-if="event.danceHall" dense>
         <v-col
           cols="12"
-          xs="12"
           sm="6"
         >
           <strong class="mr-1" v-text="t('events.hall')" />
@@ -50,7 +48,6 @@
         </v-col>
         <v-col
           cols="12"
-          xs="12"
           sm="6"
         >
           <strong class="mr-1" v-text="t('events.city')" />
@@ -66,7 +63,6 @@
         </v-col>
         <v-col
           cols="12"
-          xs="12"
           sm="6"
         >
           <strong class="mr-1" v-text="t('events.municipality')" />
@@ -84,7 +80,6 @@
         </v-col>
         <v-col
           cols="12"
-          xs="12"
           sm="6"
         >
           <strong class="mr-1" v-text="t('events.state')" />

app/components/pages/events/event-list.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <v-row v-for="event in events" :key="event.id" wrap>
-      <v-col xs="12">
+    <v-row v-for="event in events" :key="event.id">
+      <v-col cols="12">
         <event-card
           :event="event"
           :has-user="hasUser"

app/components/pages/events/event-page.vue

@@ -1,13 +1,13 @@
 <template>
   <div :key="isAuthenticated ? 'true' : 'false'">
-    <v-container :key="range" fluid grid-list-md class="app-fade-in">
-      <v-row v-if="!isAuthenticated" wrap>
-        <v-col xs="12">
+    <v-container :key="range" fluid class="app-fade-in">
+      <v-row v-if="!isAuthenticated">
+        <v-col cols="12">
           <p><b v-text="t('events.login')" /></p>
         </v-col>
       </v-row>
-      <v-row wrap>
-        <v-col xs="12">
+      <v-row>
+        <v-col cols="12">
           <v-text-field
             v-model="origin"
             variant="underlined"
@@ -16,7 +16,7 @@
             :placeholder="t('origins.geolocation')"
           >
             <template #append>
-              <v-tooltip top>
+              <v-tooltip location="top">
                 <template #activator="{ props }">
                   <v-icon
                     icon='mdi-crosshairs-gps'
@@ -28,7 +28,7 @@
               </v-tooltip>
             </template>
             <template #prepend>
-              <v-tooltip v-if="isAuthenticated" top>
+              <v-tooltip v-if="isAuthenticated" location="top">
                 <template #activator="{ props }">
                   <v-icon
                     icon='mdi-bookmark-plus-outline'
@@ -43,7 +43,7 @@
           </v-text-field>
         </v-col>
       </v-row>
-      <v-row wrap>
+      <v-row>
         <v-col>
           <v-btn-toggle
             v-if="smAndUp"
@@ -65,12 +65,12 @@
           />
         </v-col>
       </v-row>
-      <v-row wrap>
+      <v-row>
         <v-col cols="12" sm="8">
           <v-text-field
             v-model="state.search"
             variant="underlined"
-            append-outer-icon="mdi-magnify"
+            append-icon="mdi-magnify"
             :label="t('events.filter')"
             :placeholder="t('events.filter')"
             hide-details