feat: add dedicated flow analytics page with filtering, aggregation charts, and enhanced traffic table

Add WorkloadFlows component with search/protocol/decision/port filters, implement FlowStatCards showing total traffic/flows/allowed/blocked/protocols, add TopFlowChart component for top conversations/destinations/protocols/packets with horizontal bars, implement aggregateBy helper to sum traffic by label function, extend TrafficSummary with sourceIp/destinationIp/sourcePort/collector/observedAt

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 { WorkloadDetail, Workloads } from "./pages/Workloads";
+import { WorkloadDetail, WorkloadFlows, Workloads } from "./pages/Workloads";
 import { useTheme } from "./stores/theme";
 
 const queryClient = new QueryClient();
@@ -50,6 +50,7 @@ function AppRoutes() {
         <Route path="nodes" element={<Nodes />} />
         <Route path="workloads" element={<Workloads />} />
         <Route path="workloads/:workloadId" element={<WorkloadDetail />} />
+        <Route path="workloads/:workloadId/flows" element={<WorkloadFlows />} />
         <Route path="networks" element={<Networks />} />
         <Route path="ipam" element={<Ipam />} />
         <Route path="tenants" element={<TenantsProjects />} />