feat(web): Dashboard-Kacheln im Fluent-Stil und waehlbarer Hintergrund

Einheitliche Kachel-Kopfzeile, ruhigere Notiz-/Kalender-/Favoriten-
Darstellung, 12 px Raster-Abstand, gestrichelte Kontur und Griff im
Bearbeitungsmodus. Neuer Knopf Hintergrund: Keiner, fuenf eingebaute
(Nebel, Salbei, Bluete, Duenen, Mosaik) oder eigenes Bild aus den
Bilderrahmen-Bildern; Prototyp speichert im localStorage je Benutzer.
Mit Hintergrund werden Kacheln Mica-artig durchscheinend (Kontrast
>= 4,5:1 auch im schlechtesten Fall).

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

apps/web/src/components/dashboard/widgets/favorites-widget.tsx

@@ -321,7 +321,7 @@ export function FavoritesWidget({
     <div className="flex h-full flex-col overflow-hidden">
       {/* Header: optional title (quick-260916-iex) — mirrors note-widget.tsx look */}
       {showHeader && (
-        <div className="flex items-center gap-2 border-b border-border px-1.5 py-1.5">
+        <div className="widget-head">
           {isEditMode ? (
             <input
               type="text"
@@ -341,7 +341,7 @@ export function FavoritesWidget({
         </div>
       )}
 
-      <div className="flex flex-1 flex-col gap-2 overflow-auto p-1">
+      <div className={`flex flex-1 flex-col gap-2 overflow-auto px-2 pb-2 ${showHeader ? '' : 'pt-2'}`}>
       {/* View mode toggle (edit mode only) */}
       {isEditMode && (
         // role="toolbar" (D-03): die bisherige Beschriftung ("Favoriten")
@@ -359,8 +359,8 @@ export function FavoritesWidget({
             onClick={() => handleViewMode('list')}
             className={`px-2 py-1 text-xs rounded ${
               viewMode === 'list'
-                ? 'bg-primary text-primary-foreground'
-                : 'bg-muted text-muted-foreground'
+                ? 'bg-foreground text-background'
+                : 'bg-muted text-muted-foreground hover:text-foreground'
             }`}
           >
             {t('favorites.listView')}
@@ -370,8 +370,8 @@ export function FavoritesWidget({
             onClick={() => handleViewMode('grid')}
             className={`px-2 py-1 text-xs rounded ${
               viewMode === 'grid'
-                ? 'bg-primary text-primary-foreground'
-                : 'bg-muted text-muted-foreground'
+                ? 'bg-foreground text-background'
+                : 'bg-muted text-muted-foreground hover:text-foreground'
             }`}
           >
             {t('favorites.gridView')}
@@ -675,7 +675,7 @@ function FavoriteTile({
           href={fav.url}
           target="_blank"
           rel="noreferrer"
-          className="flex items-center gap-2 flex-1 min-w-0 hover:underline widgetNoDrag"
+          className="flex h-8 min-w-0 flex-1 items-center gap-2.5 rounded-md px-1.5 transition-colors hover:bg-muted widgetNoDrag"
           onClick={(e) => isEditMode && e.preventDefault()} // block navigation in edit mode
         >
           {/* Icon container with letter fallback (T-08-07 — no dangerouslySetInnerHTML) */}
@@ -685,7 +685,7 @@ function FavoriteTile({
             getFallbackLetter={getFallbackLetter}
           />
 
-          <span className="text-xs truncate">{fav.title}</span>
+          <span className="truncate text-sm">{fav.title}</span>
         </a>
 
         {/* Action buttons (edit mode only, D-04) */}