fix(design): Trennlinie der Seitenleiste wieder buendig zum Header

Das groessere Logo machte die Logo-Zeile 79 px hoch, der Header blieb bei
71,5 px - die Linie lief schief. Beide haengen jetzt an
--app-bar-height (4,5 rem); das Logo begrenzt nur seine maximale Hoehe.
So bleibt es buendig, auch wenn Logo oder Titel sich aendern.

Dazu die neu zugeschnittene Logovorlage uebernommen: weniger Freiflaeche,
freigestellt und auf 160 px Hoehe skaliert.

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

src/components/layout/Header.tsx

@@ -16,7 +16,8 @@ export const Header: React.FC<HeaderProps> = ({ title, subtitle, onToggleSidebar
   const isDark = theme === 'dark';
 
   return (
-    <header className="app-header relative flex shrink-0 items-center gap-3 border-b border-ink-200 bg-surface px-4 py-3 md:px-6 md:py-4">
+    /* Feste Hoehe (--app-bar-height), damit die Seitenleiste bündig anschließt. */
+    <header className="app-header relative flex h-[var(--app-bar-height)] shrink-0 items-center gap-3 border-b border-ink-200 bg-surface px-4 md:px-6">
       {isMobile ? (
         <PulseMark size={34} />
       ) : (