feat(web): Dashboard-Aktionen in die App-Leiste, Bearbeiten als Stift

Der Knopf Bearbeiten belegte eine eigene Zeile ueber den Widgets. Die
Aktionen rendern jetzt per Portal in einen Einhaengepunkt rechts in der
Kopfzeile (HEADER_ACTIONS_SLOT_ID); in der Ansicht nur der Stift, im
Bearbeitungsmodus Hintergrund, Widget hinzufuegen und Fertig. Version 1.5.1.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

apps/web/src/components/dashboard/edit-mode-toggle.tsx

@@ -10,9 +10,9 @@ interface EditModeToggleProps {
 /**
  * Pencil / Checkmark icon button to toggle dashboard edit mode (D-01).
  * Active state (edit mode) uses primary background.
- * Schwebt in der festen Aktionsleiste unten rechts (quick-260916-dyv):
- * inaktiv mit Karten-Hintergrund, Rahmen und Schatten, damit der Stift
- * ueber Widgets sichtbar bleibt.
+ * Sitzt seit quick-260928-vxe rechts in der dunklen App-Leiste: in der
+ * Ansicht nur der Stift (Name per aria-label/Tooltip), im Bearbeitungsmodus
+ * der gelbe Knopf „Fertig“.
  */
 export function EditModeToggle({ isEditMode, onToggle }: EditModeToggleProps) {
   const t = useTranslations('widgets');
@@ -21,8 +21,9 @@ export function EditModeToggle({ isEditMode, onToggle }: EditModeToggleProps) {
     <button
       type="button"
       onClick={onToggle}
-      className={`btn ${isEditMode ? 'btn-primary' : 'btn-subtle'}`}
+      className={`btn ${isEditMode ? 'btn-primary' : 'btn-appbar btn-icon'}`}
       aria-pressed={isEditMode}
+      aria-label={isEditMode ? undefined : t('editShort')}
       title={isEditMode ? t('saveChanges') : t('editMode')}
     >
       {isEditMode ? (
@@ -60,7 +61,7 @@ export function EditModeToggle({ isEditMode, onToggle }: EditModeToggleProps) {
           <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
         </svg>
       )}
-      {isEditMode ? t('done') : t('editShort')}
+      {isEditMode ? t('done') : null}
     </button>
   );
 }