feat(quick-260916-dyv): Bearbeiten-Schalter unten rechts (Rand oben 28 px), ganze Kachel als Griff mit Kopfleiste, cancel-Selektor, kein Ueberlappen beim Ablegen

- page.tsx: feste Aktionsleiste `fixed bottom-6 right-6 z-20` mit "Widget
  hinzufuegen" (nur Bearbeitungsmodus) links neben dem Stift/Haekchen; Block
  oben rechts und mt-8-Wrapper entfernt, Grid direkt im Container p-2
  (12 + 8 + 8 = 28 px statt 60 px); page.test.tsx NEU mit 3 Tests
- widget-wrapper.tsx: Karte ist im Bearbeitungsmodus der Griff (cursor-grab),
  20-px-Overlay-Kopfleiste mit Griff-Symbol und Tooltip dragHint, Loesch-Knopf
  in der Kopfleiste mit data-no-drag; Rumpf h-full unveraendert (Hoehenkette)
- dashboard-grid.tsx: WIDGET_DRAG_HANDLE_SELECTOR, WIDGET_DRAG_CANCEL_SELECTOR
  (input, textarea, select, button, a, [contenteditable], [data-no-drag],
  .widgetNoDrag), threshold 3; FREE_PLACEMENT_COMPACTOR = noCompactor +
  preventCollision: true (freie Platzierung bleibt, Commit c8f3361)
- dashboard-grid.test.tsx: Mock per importOriginal (echter noCompactor),
  Tests 6-8 (dragConfig-Pin, Compactor-Pin, cancel/handle-Semantik im DOM)
- edit-mode-toggle.tsx: schwebend (shadow-lg, inaktiv border + bg-card)
- de.json/en.json: widgets.dragHint

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

apps/web/src/app/(portal)/page.tsx

@@ -67,32 +67,21 @@ export default function DashboardPage() {
 
   return (
     <div className="relative p-2">
-      {/* Edit mode toggle — top right */}
-      <div className="absolute right-2 top-2 z-10">
-        <EditModeToggle
-          isEditMode={isEditMode}
-          onToggle={() => setEditMode(!isEditMode)}
-        />
-      </div>
+      {/* Dashboard grid — direkt im Container, ohne Abstands-Wrapper. */}
+      <DashboardGrid
+        layouts={layouts}
+        widgets={widgets}
+        isEditMode={isEditMode}
+        onLayoutChange={updateLayouts}
+        onRemoveWidget={removeWidget}
+      />
 
-      {/* Dashboard grid.
-          quick-260916-bwo: mt-8 bleibt bewusst — der Umschalter ist 36 px hoch
-          (p-2 plus 20-px-Symbol) und liegt mit top-2 bei 8..44 px; das erste
-          Widget beginnt mit mt-8 bei 8+32+8 = 48 px (4 px Abstand). Eine
-          Halbierung auf mt-4 legte es bei 32 px mitten in den Umschalter. */}
-      <div className="mt-8">
-        <DashboardGrid
-          layouts={layouts}
-          widgets={widgets}
-          isEditMode={isEditMode}
-          onLayoutChange={updateLayouts}
-          onRemoveWidget={removeWidget}
-        />
-      </div>
-
-      {/* Add widget button (edit mode only) */}
-      {isEditMode && (
-        <div className="fixed bottom-6 right-6 z-20">
+      {/* Feste Aktionsleiste unten rechts.
+          quick-260916-dyv: Umschalter unten rechts statt oben rechts, damit das
+          Grid direkt unter der Kopfzeile beginnt (12 + 8 + 8 = 28 px statt 60 px).
+          Im Bearbeitungsmodus steht "Widget hinzufuegen" links neben dem Haekchen. */}
+      <div className="fixed bottom-6 right-6 z-20 flex items-center gap-2">
+        {isEditMode && (
           <button
             onClick={() => setCatalogOpen(true)}
             className="flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-lg hover:opacity-90 transition-opacity"
@@ -113,8 +102,12 @@ export default function DashboardPage() {
             </svg>
             {t('addWidget')}
           </button>
-        </div>
-      )}
+        )}
+        <EditModeToggle
+          isEditMode={isEditMode}
+          onToggle={() => setEditMode(!isEditMode)}
+        />
+      </div>
 
       {/* Widget catalog modal */}
       <WidgetCatalogModal