fix(settings): unify global settings across web apps

- Add desktopPosition prop to Clock layout for nav sync
- Remove duplicate local theme/locale controls from Clock, Calendar, Todo, Zitare
- Move GlobalSettingsSection to proper position in settings pages
- Remove weekStartsOn from Calendar (now handled by GlobalSettingsSection)

All web apps now consistently use GlobalSettingsSection for:
- Navigation (desktopPosition, sidebarCollapsed)
- Theme (mode, colorScheme)
- Language (locale)
- General (startPage, weekStartsOn, soundsEnabled)

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

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

apps/todo/apps/web/src/routes/(app)/settings/+page.svelte

@@ -2,16 +2,12 @@
 	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
 	import { authStore } from '$lib/stores/auth.svelte';
-	import { theme } from '$lib/stores/theme';
 	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { THEME_DEFINITIONS } from '@manacore/shared-theme';
-	import { ThemeColorPreview } from '@manacore/shared-theme-ui';
 	import {
 		SettingsPage,
 		SettingsSection,
 		SettingsCard,
 		SettingsRow,
-		SettingsToggle,
 		SettingsDangerZone,
 		SettingsDangerButton,
 		GlobalSettingsSection,
@@ -27,10 +23,6 @@
 		await userSettings.load();
 	});
 
-	function toggleDarkMode() {
-		theme.toggleMode();
-	}
-
 	async function handleLogout() {
 		await authStore.signOut();
 		goto('/login');
@@ -89,77 +81,7 @@
 		</SettingsCard>
 	</SettingsSection>
 
-	<!-- Appearance Section -->
-	<SettingsSection title="Aussehen">
-		{#snippet icon()}
-			<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
-				/>
-			</svg>
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsToggle
-				label="Dark Mode"
-				description="Dunkles Farbschema verwenden"
-				isOn={theme.isDark}
-				onToggle={toggleDarkMode}
-			>
-				{#snippet icon()}
-					<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
-						/>
-					</svg>
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsRow
-				label="Aktuelles Theme"
-				description={THEME_DEFINITIONS[theme.variant].label}
-				onclick={() => goto('/themes')}
-			>
-				{#snippet icon()}
-					<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
-						/>
-					</svg>
-				{/snippet}
-				<span
-					class="px-3 py-1.5 text-sm font-medium bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] rounded-lg"
-				>
-					Themes wählen
-				</span>
-			</SettingsRow>
-
-			<div class="px-5 py-4 border-t border-[hsl(var(--border))]">
-				<p class="font-medium text-[hsl(var(--foreground))] mb-2">Farbvorschau</p>
-				<p class="text-sm text-[hsl(var(--muted-foreground))] mb-4">
-					So sieht die App mit dem aktuellen Theme aus
-				</p>
-				<div class="flex justify-center">
-					<ThemeColorPreview
-						variant={theme.variant}
-						mode={theme.isDark ? 'dark' : 'light'}
-						size="lg"
-					/>
-				</div>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Global Settings Section -->
+	<!-- Global Settings Section (synced across all apps) -->
 	<GlobalSettingsSection {userSettings} appId="todo" />
 
 	<!-- About Section -->