feat: add apexcharts and react-apexcharts for enhanced resource visualization in NodePodList component

Author: iwanhae

package-lock.json

@@ -25,13 +25,15 @@
     "@tailwindcss/vite": "^4.1.8",
     "@tanstack/react-table": "^8.21.3",
     "ansi-to-html": "^0.7.2",
+    "apexcharts": "^5.3.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
     "immer": "^10.1.1",
     "jotai": "^2.12.5",
     "lucide-react": "^0.511.0",
     "react": "^19.1.0",
+    "react-apexcharts": "^1.7.0",
     "react-dom": "^19.1.0",
     "react-window": "^1.8.11",
     "recharts": "^2.15.3",

package.json

@@ -55,7 +55,7 @@ export default function NodeDetail({ node, className }: NodeDetailProps) {
       <NodeResourceUsage node={node} />
 
       {/* Pod List */}
-      <NodePodList pods={nodePods} />
+      <NodePodList pods={nodePods} node={node} />
 
       {/* Volume List */}
       <PodsVolumeList pods={nodePods} />