Feat: Live-Charts auf Diagnose + Token-Durchsatz-Performance-Karte (Recharts)

Gemeinsame LiveAreaChart-Komponente + useSystemHistory-Hook (EINE Quelle der Wahrheit
fuer den Live-Verlauf), genutzt von Zentrale & Diagnose.

- Diagnose: die 4 statischen Balken (CPU/RAM/GPU/Disk) sind jetzt farbcodierte
  Einzel-Live-Charts (Spline, Gradient, Hover-Tooltip, dyn. Y-Achse).
- Neue TokenPerformanceCard (Zentrale): Live-Durchsatz tok/s, aus den kumulativen
  Token-Zaehlern als Rate abgeleitet (Prompt/Prefill vs. Antwort/Generierung), KPI-
  Headline (tok/s, Gesamt-Tokens, gespart EUR), dunkler Performance-Stil.
- SystemStatusCard auf die geteilte Komponente/Hook umgestellt (schlanker).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/views/DashboardView.tsx

@@ -5,6 +5,7 @@ import { AgentStatusCard } from "@/components/dashboard/AgentStatusCard"
 import { RolesCard } from "@/components/dashboard/RolesCard"
 import { MemoryInputCard } from "@/components/dashboard/MemoryInputCard"
 import { TokenStatsCard } from "@/components/dashboard/TokenStatsCard"
+import { TokenPerformanceCard } from "@/components/dashboard/TokenPerformanceCard"
 
 export function DashboardView() {
   return (
@@ -26,6 +27,9 @@ export function DashboardView() {
         <UpdatesCard />
       </div>
 
+      {/* Live-Durchsatz (Performance) */}
+      <TokenPerformanceCard />
+
       {/* Bottom Grid: Agent, Roles, Memory & Token Stats */}
       <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-4">
         <AgentStatusCard />