feat(quick-260916-bwo): Dashboard-Raster verdoppelt (24 Spalten, 20 px, 8 px Abstand), Konstanten x2, einmalige Umrechnung gespeicherter Anordnungen mit Marker __gridVersion

- dashboard-grid.tsx: COLS 24/20/12/8/2, rowHeight 20, margin 8 (containerPadding folgt), Rueckfallwerte 4
- widget-registry.tsx: alle 32 Werte in WIDGET_CONSTRAINTS verdoppelt
- grid-layout-migration.ts (neu): migrateGridLayouts/withGridVersion, Marker nur im JSON, Idempotenz (T-BWO-02)
- dashboard-store.ts: Umrechnung beim Laden, Sofort-Speichern mit Marker, withGridVersion bei jedem saveLayout
- Tests: Migration 7 (neu), Store 6 (neu), Registry +1 (Tabelle), Grid +2 (Props ueber Mock), API-Spec +2 (Durchreichung __gridVersion, timeFontSizePt)

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018N9CD3ebPKm1b32bPpBknY

apps/web/src/components/dashboard/dashboard-grid.tsx

@@ -10,8 +10,12 @@ import { WIDGET_CONSTRAINTS, type WidgetType } from './widget-registry';
 import { WidgetWrapper } from './widgets/widget-wrapper';
 import { TesseraLogo } from '@/components/brand/tessera-logo';
 
+// quick-260916-bwo: Raster doppelt so fein wie zuvor (24 statt 12 Spalten,
+// 20 statt 40 px Zeilenhoehe, 8 statt 16 px Abstand). Gespeicherte Anordnungen
+// in alten Einheiten werden in `@/lib/grid-layout-migration` einmalig
+// umgerechnet und mit `__gridVersion: 2` markiert. BREAKPOINTS unveraendert.
 const BREAKPOINTS = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 };
-const COLS = { lg: 12, md: 10, sm: 6, xs: 4, xxs: 1 };
+const COLS = { lg: 24, md: 20, sm: 12, xs: 8, xxs: 2 };
 
 interface DashboardGridProps {
   layouts: Record<string, Array<{ i: string; x: number; y: number; w: number; h: number }>>;
@@ -74,8 +78,10 @@ export function DashboardGrid({
         breakpoints={BREAKPOINTS}
         cols={COLS}
         layouts={layouts as ResponsiveLayouts}
-        rowHeight={40}
-        margin={[16, 16] as [number, number]}
+        rowHeight={20}
+        margin={[8, 8] as [number, number]}
+        // containerPadding bewusst nicht gesetzt: react-grid-layout 2.2.3 nimmt
+        // dann das margin (gemessen: effectiveContainerPadding = containerPadding ?? margin).
         dragConfig={{
           enabled: isEditMode,
           handle: '.widget-drag-handle',
@@ -95,11 +101,11 @@ export function DashboardGrid({
                 ...(layouts.lg?.find((l) => l.i === widget.id) ?? {
                   x: 0,
                   y: 0,
-                  w: constraints?.defaultW ?? 2,
-                  h: constraints?.defaultH ?? 2,
+                  w: constraints?.defaultW ?? 4,
+                  h: constraints?.defaultH ?? 4,
                 }),
-                minW: constraints?.minW ?? 2,
-                minH: constraints?.minH ?? 2,
+                minW: constraints?.minW ?? 4,
+                minH: constraints?.minH ?? 4,
               }}
             >
               <WidgetWrapper