feat(ui): 24-Spalten-Dashboard-Raster, einklappbare Sidebar

Dashboard-Raster von 12 auf 24 Spalten - bei 12 waren Reihen sofort randvoll (3 Kacheln à w:4), kein Spielraum zum Breiter-Ziehen ohne Nachbarkachel zu verkleinern. Layout-localStorage-Key auf v3 gehoben (alte v2-Koordinaten passen nicht mehr zum neuen Raster). Sidebar links jetzt einklappbar (Toggle-Button bleibt sichtbar, Zustand in localStorage) - mehr Platz für breite Dashboard-Raster auf Desktop-Monitoren.

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

frontend/src/styles/global.css

@@ -193,6 +193,38 @@ a {
   top: 0;
   height: 100vh;
   overflow-y: auto;
+  transition: width 0.18s ease, flex-basis 0.18s ease, padding 0.18s ease;
+}
+
+/* Sidebar einklappbar - Nutzer-Wunsch (mehr Platz für breite Dashboard-Raster
+   auf Desktop-Monitoren). Nur der Toggle-Button bleibt sichtbar. */
+.topbar-eingeklappt {
+  width: 48px;
+  flex: 0 0 48px;
+  padding: 1.25rem 0.5rem;
+  align-items: center;
+  overflow: visible;
+}
+
+.topbar-toggle {
+  background: none;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  color: var(--color-text-muted);
+  cursor: pointer;
+  font-size: 0.9rem;
+  line-height: 1;
+  padding: 0.4rem 0.55rem;
+  align-self: flex-end;
+}
+
+.topbar-eingeklappt .topbar-toggle {
+  align-self: center;
+}
+
+.topbar-toggle:hover {
+  background: var(--color-surface-sunken);
+  color: var(--color-text);
 }
 
 .topbar-brand {