fix(dashboard): Grid kollabierte auf Content-Breite, Kachel-Titel liefen ab

Root Cause (Screenshot-Analyse): .page-wide hatte kein width:100%/flex:1 wie .page - als Flex-Kind von .app-shell schrumpfte es auf reine Content-Breite. react-grid-layout positioniert Kacheln absolut (kein Beitrag zur intrinsischen Breite), dadurch kollabierte der ganze Grid-Container auf ~380px statt volle verfügbare Breite - Kacheln dadurch winzig, Text lief mitten im Wort ab. Fix: .page-wide bekommt flex:1/width:100%. Zusätzlich CardHeader/CardTitle mit min-w-0/truncate gegen abgeschnittene Titel, Einsatzbereitschaft-Vierer-Zeile von sm:grid-cols-4 (reagiert auf Viewport-, nicht Kachel-Breite) auf festes grid-cols-2 - lief in schmalen Kacheln trotz breitem Viewport ineinander.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV

frontend/src/styles/global.css

@@ -249,6 +249,8 @@ a {
    ausgerichtet statt zentriert - bei 1200px sonst viel verschenkter Platz
    rechts/links auf breiten Monitoren. */
 .page-wide {
+  flex: 1;
+  width: 100%;
   max-width: 1240px;
   margin: 0;
   padding: 1.75rem 2rem 3rem;