fix(ui): use div instead of button for WS status indicator

frontend/src/App.vue

@@ -32,15 +32,16 @@
       <v-spacer />
 
       <!-- WebSocket status indicator -->
-      <v-btn icon variant="text" style="cursor: default" :ripple="false">
+      <div class="d-flex align-center px-2">
         <v-icon
+          id="ws-status-icon"
           :color="wsStore.isConnected ? 'success' : 'error'"
           size="10"
         >mdi-circle</v-icon>
-        <v-tooltip activator="parent" location="bottom">
+        <v-tooltip activator="#ws-status-icon" location="bottom">
           {{ wsStore.isConnected ? 'Real-time updates active' : 'Disconnected — real-time updates paused' }}
         </v-tooltip>
-      </v-btn>
+      </div>
 
       <v-btn icon @click="toggleTheme">
         <v-icon>{{ isDark ? 'mdi-weather-sunny' : 'mdi-weather-night' }}</v-icon>