Refactor: Hero-Banner (3 relevanteste Karten) + Top-Akzent konsistent

- Token-Durchsatz nutzte bg-gradient-to-b statt bg-card/45 und verlor dadurch den
  gradient-Top-Akzent + Hover-Lift (index.css greift nur bei bg-card/45). Zurueck auf
  Standard-Kartenstil -> konsistent mit allen Karten.
- Zentrale: System-Status, Token-Durchsatz und Aktive Modelle als gleich-prominenter
  Hero-Banner (3 Spalten) oben; Rest gruppiert darunter (Stack-Status: Rollen + Dienste,
  Betrieb & Wissen: Updates + Hermes + Gedaechtnis).

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

frontend/src/views/DashboardView.tsx

@@ -21,26 +21,23 @@ export function DashboardView() {
         <p className="text-sm text-muted-foreground">Aktueller Status von System, Modellen und Agent.</p>
       </div>
 
-      {/* Zone 1 — Live-Telemetrie: beide Charts nebeneinander */}
-      <section>
-        <ZoneLabel>Live-Telemetrie</ZoneLabel>
-        <div className="grid gap-6 lg:grid-cols-2">
-          <SystemStatusCard />
-          <TokenPerformanceCard />
-        </div>
-      </section>
+      {/* Hero-Banner — die 3 relevantesten, gleich prominent */}
+      <div className="grid items-stretch gap-6 lg:grid-cols-3">
+        <SystemStatusCard />
+        <TokenPerformanceCard />
+        <ActiveModelsCard />
+      </div>
 
-      {/* Zone 2 — Stack-Status */}
+      {/* Stack-Status */}
       <section>
         <ZoneLabel>Stack-Status</ZoneLabel>
-        <div className="grid gap-6 md:grid-cols-3">
-          <ActiveModelsCard />
+        <div className="grid gap-6 md:grid-cols-2">
           <RolesCard />
           <ServicesCard />
         </div>
       </section>
 
-      {/* Zone 3 — Betrieb & Wissen */}
+      {/* Betrieb & Wissen */}
       <section>
         <ZoneLabel>Betrieb &amp; Wissen</ZoneLabel>
         <div className="grid gap-6 md:grid-cols-3">