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')}

apps/web/src/app/globals.css

@@ -433,20 +433,6 @@ input[type="checkbox"], input[type="radio"] {
   line-height: 1.25rem;
 }
 
-/* Seitenleiste (Runde 3): stehen die Dashboard-Reiter unter „Dashboard“,
-   traegt nur der gewaehlte Reiter die Auswahl — der Obereintrag bleibt
-   neutral, sonst waere „Dashboard“ doppelt markiert. */
-li:has(> #sidebar-dashboard-slot > nav) > a {
-  background-color: transparent;
-  font-weight: 500;
-}
-li:has(> #sidebar-dashboard-slot > nav) > a:hover {
-  background-color: var(--sidebar-hover);
-}
-li:has(> #sidebar-dashboard-slot > nav) > a [data-testid="nav-selection-pill"] {
-  display: none;
-}
-
 /* Runde 3 — mehr Leben in den Kacheln, ohne bunt zu werden.
    Symbol-Chip: Flaeche und Symbol aus der persoenlichen Akzentfarbe. */
 .widget-icon-chip {