refactor: remove user avatar dropdown from header

Logout and Settings access moved to sidebar and settings page.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/lib/components/Layout/Header.svelte

@@ -6,28 +6,12 @@
 
 	interface Props {
 		onMenuToggle: () => void;
-		user: { id: number; email: string; displayName: string; role: 'admin' | 'user' } | null;
 	}
 
-	let { onMenuToggle, user }: Props = $props();
+	let { onMenuToggle }: Props = $props();
 	let mobileSearchOpen = $state(false);
-	let dropdownOpen = $state(false);
-
-	function getInitial(user: Props['user']): string {
-		if (!user) return '?';
-		if (user.displayName) return user.displayName.charAt(0).toUpperCase();
-		if (user.email) return user.email.charAt(0).toUpperCase();
-		return '?';
-	}
-
-	async function handleLogout() {
-		await fetch('/api/auth/logout', { method: 'POST' });
-		window.location.href = '/login';
-	}
 </script>
 
-<svelte:window onclick={() => (dropdownOpen = false)} />
-
 <header class="sticky top-0 z-30 flex h-16 items-center gap-4 border-b border-[var(--border)] bg-[var(--bg-surface)] px-4">
 	{#if mobileSearchOpen}
 		<!-- Mobile expanded search -->
@@ -64,41 +48,6 @@
 
 		<div class="flex items-center gap-2">
 			<SyncIndicator />
-
-			{#if user}
-				<div class="relative">
-					<button
-						onclick={(e) => { e.stopPropagation(); dropdownOpen = !dropdownOpen; }}
-						class="flex h-8 w-8 items-center justify-center rounded-full bg-[var(--primary)] text-sm font-medium text-white hover:bg-[var(--primary-hover)]"
-						aria-label="User menu"
-						data-testid="user-menu-btn"
-					>
-						{getInitial(user)}
-					</button>
-
-					{#if dropdownOpen}
-						<div class="absolute right-0 top-10 z-50 w-48 rounded-sm border border-[var(--border-subtle)] bg-[var(--bg-surface)] py-1 shadow-[var(--card-shadow)]">
-							<div class="border-b border-[var(--border-subtle)] px-4 py-2">
-								<p class="text-sm font-medium text-[var(--text)]">{user.displayName || user.email}</p>
-								<p class="text-xs text-[var(--text-muted)]">{user.email}</p>
-							</div>
-							<a
-								href="/settings"
-								class="block px-4 py-2 text-sm text-[var(--text)] hover:bg-[var(--bg-base)]"
-							>
-								Settings
-							</a>
-							<button
-								onclick={handleLogout}
-								class="block w-full px-4 py-2 text-left text-sm text-[var(--text)] hover:bg-[var(--bg-base)]"
-								data-testid="logout-btn"
-							>
-								Log out
-							</button>
-						</div>
-					{/if}
-				</div>
-			{/if}
 		</div>
 	{/if}
 </header>

src/routes/(app)/+layout.svelte

@@ -25,7 +25,7 @@
 </script>
 
 <div class="flex min-h-screen flex-col bg-[var(--bg-base)] text-[var(--text)]">
-	<Header onMenuToggle={() => (sidebarOpen = !sidebarOpen)} user={data.user} />
+	<Header onMenuToggle={() => (sidebarOpen = !sidebarOpen)} />
 	<Sidebar open={sidebarOpen} onClose={() => (sidebarOpen = false)} appVersion={data.appVersion} />
 
 	<main class="flex-1 pt-4 transition-all {sidebarOpen ? 'lg:ml-64' : ''}">