feat(web): Widget-Titel je Widget ausblenden, Seitenleiste gegliedert

Neuer Schalter im Bearbeitungsmodus (neben dem Griff) setzt hideTitle in
der Widget-Konfiguration (setWidgetConfig im Dashboard-Store, optimistisch
mit Ruecksetzen); in der Ansicht entfaellt die Titelzeile per
data-hide-title, Aktionen der Titelzeile bleiben oben rechts. Kategorien der
Seitenleiste 14 px, Moduleintraege 13 px / 32 px hoch. Version 1.5.2.

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

apps/web/src/components/layout/sidebar.tsx

@@ -67,6 +67,12 @@ export function Sidebar() {
 
   const linkClass = (href: string) => itemClass(isActive(href));
 
+  // Moduleintraege unter einer Kategorie eine Stufe kleiner als die
+  // Hauptpunkte (quick-260928-wtt): 32 statt 36 px hoch, 13 statt 14 px Schrift;
+  // die 20-px-Modulkachel passt weiter hinein.
+  const moduleItemClass = (active: boolean) =>
+    itemClass(active).replace('h-9', 'h-8').replace('gap-3', 'gap-2.5').replace('text-sm', 'text-[13px]');
+
   const fetchActiveModules = useCallback(async () => {
     try {
       const res = await fetch(`${API_URL}/modules/active`, {
@@ -205,10 +211,10 @@ export function Sidebar() {
                           type="button"
                           onClick={() => toggleCategory(category)}
                           aria-expanded={open}
-                          className="group flex h-7 w-full items-center gap-1.5 rounded-md px-2.5 text-xs font-semibold text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
+                          className="group flex h-8 w-full items-center gap-1.5 rounded-md px-2.5 text-sm font-semibold text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
                         >
                           <span className="truncate">{categoryLabel(category)}</span>
-                          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" className={`ml-auto shrink-0 opacity-70 transition-transform duration-150 ${open ? '' : '-rotate-90'}`}>
+                          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" className={`ml-auto shrink-0 opacity-70 transition-transform duration-150 ${open ? '' : '-rotate-90'}`}>
                             <polyline points="6 9 12 15 18 9" />
                           </svg>
                         </button>
@@ -219,7 +225,7 @@ export function Sidebar() {
                               const active = isActive(href) || isActive(`/modules/${mod.slug}`);
                               return (
                                 <li key={mod.id}>
-                                  <Link href={href} className={itemClass(active)}>
+                                  <Link href={href} className={moduleItemClass(active)}>
                                     {active && <SelectionPill />}
                                     <ModuleTile slug={mod.slug} size={20} tone={active ? 'accent' : 'neutral'} />
                                     <span className="truncate">{mod.name}</span>