feat: Add tabs on system page

[svenvg93]

📃 Description

This PR adds tabs to the system page to seperate the diffrent charts and tables for a better structured overview.

• Core
  • CPU
  • Memory
  • Load Average
  • Temps
  • Bandwith
• Disk
  • Usage
  • IO
  • SMART
• GPU
  • GPU Power Draw chart (if power data exists)
  • GPU Engines chart (if engine data exists)
  • Individual GPU usage and VRAM charts for each GPU
• Containers
  • CPU
  • Memory
  • Network
  • Table overview
• Services
  • Systemd service overview

closes #1411

📷 Screenshots

[svenvg93]

@henrygd should be ready when you have time 😄

[svenvg93]

Hi @henrygd,
Sorry for bothering you. Just wanted to quickly ask your opinion. As the system file is getting pretty big. Would you think its a good idea to split the files per tab?

src/components/routes/system/
  ├── system.tsx (main file with tab structure)
  ├── core-metrics.tsx
  ├── disks-tab.tsx
  ├── gpu-tab.tsx
  ├── containers-tab.tsx
  └── services-tab.tsx

And then load them for each tab?

<Tabs value={activeTab} onValueChange={setActiveTab}>
  <TabsList>...</TabsList>
  
  <TabsContent value="overview">
    <CoreMetricsTab chartData={chartData} grid={grid} ... />
  </TabsContent>
  
  <TabsContent value="gpu">
    <GpuTab chartData={chartData} grid={grid} ... />
  </TabsContent>
  
  // ... other tabs
</Tabs>