refactor(shared-ui): use PillDropdown for app switcher

- Replace custom PillAppDropdown with standard PillDropdown
- Add appItemsToDropdownItems helper function
- Use grid icon for app switcher
- Consistent styling with theme dropdown
- Delete unused PillAppDropdown component

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

apps/chat/apps/web/src/routes/(protected)/+layout.svelte

@@ -49,16 +49,18 @@
 	// Current theme variant label
 	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
 
-	// Navigation items for Chat
+	// Navigation items for Chat (settings moved to user dropdown)
 	const navItems: PillNavItem[] = [
 		{ href: '/chat', label: 'Chat', icon: 'home' },
 		{ href: '/templates', label: 'Templates', icon: 'document' },
 		{ href: '/spaces', label: 'Spaces', icon: 'building' },
 		{ href: '/documents', label: 'Dokumente', icon: 'archive' },
 		{ href: '/archive', label: 'Archiv', icon: 'list' },
-		{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
 	];
 
+	// User email for user dropdown
+	let userEmail = $derived(authStore.user?.email);
+
 	// Check if current page is a chat page (needs full-width layout)
 	let isChatPage = $derived($page.url.pathname.startsWith('/chat'));
 
@@ -183,6 +185,8 @@
 			primaryColor="#3b82f6"
 			showAppSwitcher={true}
 			{appItems}
+			{userEmail}
+			settingsHref="/settings"
 		/>
 
 		<!-- Main Content with dynamic padding based on nav mode -->