feat: add workload detail page with traffic visualization, protocol distribution, and flow aggregation

Add WorkloadDetail component with dedicated route for per-workload traffic analysis, implement summarizeTraffic to aggregate flows by 5-tuple with byte/packet totals and IP address collection, add TrafficBars component showing top 5 flows with horizontal bar charts, implement ProtocolChart with color-coded protocol distribution and percentage breakdown, add TrafficTable with scrollable flow list showing

frontend/src/App.tsx

@@ -19,7 +19,7 @@ import { ServiceCatalog } from "./pages/ServiceCatalog";
 import { SetupWizard } from "./pages/SetupWizard";
 import { TenantsProjects } from "./pages/TenantsProjects";
 import { UsersRoles } from "./pages/UsersRoles";
-import { Workloads } from "./pages/Workloads";
+import { WorkloadDetail, Workloads } from "./pages/Workloads";
 import { useTheme } from "./stores/theme";
 
 const queryClient = new QueryClient();
@@ -49,6 +49,7 @@ function AppRoutes() {
         <Route path="clusters" element={<Clusters />} />
         <Route path="nodes" element={<Nodes />} />
         <Route path="workloads" element={<Workloads />} />
+        <Route path="workloads/:workloadId" element={<WorkloadDetail />} />
         <Route path="networks" element={<Networks />} />
         <Route path="ipam" element={<Ipam />} />
         <Route path="tenants" element={<TenantsProjects />} />