ui: improve Agent Health layout and fix misaligned controls

- Move Update Agent button to Subsystem Configuration header
- Remove duplicate Compact Summary box with misaligned refresh
- Reduce visual separation between sections (same card styling)
- Make security status details visible instead of hidden in tooltips
- Fix enforced status colors (blue instead of red)
- Consolidate enabled/auto-run counts in header
- Reduce spacing between sections for cohesive interface

The enabled/auto-run toggles now properly align with their
subsystems in the table, and critical security information
is immediately visible without hover interactions.

aggregator-web/src/lib/api.ts

@@ -190,6 +190,36 @@ export const agentApi = {
     return response.data;
   },
 
+  // Get agent metrics
+  getAgentMetrics: async (agentId: string): Promise<any> => {
+    const response = await api.get(`/agents/${agentId}/metrics`);
+    return response.data;
+  },
+
+  // Get agent storage metrics
+  getAgentStorageMetrics: async (agentId: string): Promise<any> => {
+    const response = await api.get(`/agents/${agentId}/metrics/storage`);
+    return response.data;
+  },
+
+  // Get agent system metrics
+  getAgentSystemMetrics: async (agentId: string): Promise<any> => {
+    const response = await api.get(`/agents/${agentId}/metrics/system`);
+    return response.data;
+  },
+
+  // Get agent Docker images
+  getAgentDockerImages: async (agentId: string, params?: any): Promise<any> => {
+    const response = await api.get(`/agents/${agentId}/docker-images`, { params });
+    return response.data;
+  },
+
+  // Get agent Docker info
+  getAgentDockerInfo: async (agentId: string): Promise<any> => {
+    const response = await api.get(`/agents/${agentId}/docker-info`);
+    return response.data;
+  },
+
   // Update multiple agents (bulk)
   updateMultipleAgents: async (updateData: {
     agent_ids: string[];