fix: use consistent server count across UI components (smart-mcp-proxy#266)

The top header and NavBar were using systemStore.upstreamStats which
counts raw connection status, while the Servers page uses
serversStore.serverCount which counts health.level === 'healthy'.

This inconsistency caused the top header to show different connected
server counts than the server page (e.g., 8/23 vs 14/23).

Changed TopHeader.vue and NavBar.vue to use serversStore.serverCount
as the single source of truth, ensuring consistent counts across
all UI components.

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

Author: Dumbris

frontend/src/components/NavBar.vue

@@ -71,7 +71,7 @@
 
         <!-- Server stats -->
         <div class="flex items-center space-x-1 text-sm">
-          <span class="hidden md:inline">{{ systemStore.upstreamStats.connected_servers }}/{{ systemStore.upstreamStats.total_servers }}</span>
+          <span class="hidden md:inline">{{ serversStore.serverCount.connected }}/{{ serversStore.serverCount.total }}</span>
           <span class="text-xs opacity-60 hidden md:inline">servers</span>
         </div>
       </div>
@@ -106,6 +106,7 @@
 import { computed, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { useSystemStore } from '@/stores/system'
+import { useServersStore } from '@/stores/servers'
 
 // Icons (we'll use SVG icons directly for simplicity)
 const DashboardIcon = 'svg'
@@ -117,6 +118,7 @@ const SettingsIcon = 'svg'
 
 const route = useRoute()
 const systemStore = useSystemStore()
+const serversStore = useServersStore()
 
 const menuItems = [
   { name: 'Dashboard', path: '/', icon: DashboardIcon },

frontend/src/components/TopHeader.vue

@@ -52,9 +52,9 @@
               systemStore.isRunning ? 'bg-success animate-pulse' : 'bg-error'
             ]"
           />
-          <span class="font-bold">{{ systemStore.upstreamStats.connected_servers }}</span>
+          <span class="font-bold">{{ serversStore.serverCount.connected }}</span>
           <span class="opacity-60">/</span>
-          <span>{{ systemStore.upstreamStats.total_servers }}</span>
+          <span>{{ serversStore.serverCount.total }}</span>
           <span class="text-xs opacity-60">Servers</span>
         </div>