style(web): Reiter zurueck in die Kopfzeile, Begruessung in die Seitenleiste

Rueckmeldung Runde 3: die Reiter in der Seitenleiste gefallen nicht -
zurueck auf den Stand vor 8532b63 (Umschalter in der Kopfzeile). Statt
dessen sitzt die Begruessung jetzt zweizeilig im sonst leeren unteren
Bereich der Seitenleiste ueber "Einklappen"; ueber den Kacheln bleibt nur
die Befehlsleiste rechts.

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

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

@@ -125,7 +125,8 @@ describe('DashboardPage (quick-260916-dyv)', () => {
     expect(screen.queryByRole('button', { name: 'Widget hinzufügen' })).toBeNull();
     expect(document.querySelector('.mt-8')).toBeNull();
     expect(document.querySelector('.top-2')).toBeNull();
-    await waitFor(() => expect(screen.getByTestId('dashboard-greeting')).toBeInTheDocument());
+    // Runde 3: die Begruessung steht in der Seitenleiste, nicht mehr hier.
+    expect(screen.queryByTestId('dashboard-greeting')).toBeNull();
 
     const grid = screen.getByTestId('dashboard-grid');
     expect((grid.parentElement as HTMLElement).classList.contains('p-2')).toBe(true);

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

@@ -5,7 +5,6 @@ import { useTranslations } from 'next-intl';
 import { DashboardGrid } from '@/components/dashboard/dashboard-grid';
 import { DashboardTabs } from '@/components/dashboard/dashboard-tabs';
 import { EditModeToggle } from '@/components/dashboard/edit-mode-toggle';
-import { DashboardGreeting } from '@/components/dashboard/dashboard-greeting';
 import { BackgroundPicker, DashboardBackdrop, useDashboardBackground } from '@/components/dashboard/dashboard-background';
 import { useAuthStore } from '@/lib/stores/auth-store';
 import { WidgetCatalogModal } from '@/components/dashboard/widget-catalog-modal';
@@ -142,17 +141,14 @@ export default function DashboardPage() {
         onReorder={reorderDashboards}
       />
 
-      {/* Kopfzeile des Dashboards (Design „Mosaik“, Runde 2): Begruessung
-          links, Befehlsleiste rechts (Fluent „command bar“) statt des
-          frueheren schwebenden Knopfs unten rechts. Mit Hintergrund liegen
-          beide auf der durchscheinenden Kachelflaeche (.dashboard-chrome). */}
+      {/* Befehlsleiste rechts ueber dem Raster (Design „Mosaik“, Fluent
+          „command bar“). Die Begruessung sitzt seit Runde 3 unten in der
+          Seitenleiste; hier bleibt nur die Leiste. Mit Hintergrund liegt sie
+          auf der durchscheinenden Kachelflaeche (.dashboard-chrome). */}
       <div
-        className="flex flex-wrap items-center justify-between gap-x-4 gap-y-2 px-3 pt-1 transition-[padding] duration-200 ease-out motion-reduce:transition-none"
+        className="flex justify-end px-3 pt-1 transition-[padding] duration-200 ease-out motion-reduce:transition-none"
         style={gridInset > 0 ? { paddingInline: 12 + gridInset } : undefined}
       >
-        <div className="dashboard-chrome min-w-0 rounded-lg">
-          <DashboardGreeting />
-        </div>
         <div
           role="toolbar"
           aria-label={t('toolbarLabel')}