fix:remove loader skeleton from main page when not logged in.

src/routes/+layout.svelte

@@ -4,23 +4,12 @@
 	import { Header } from '$lib';
 	import { page } from '$app/state';
 	import { Toaster } from '$lib/components/sonner/index.js';
-	import { Skeleton } from '$lib/components/skeleton';
 	import LocationManager from '$lib/components/map/LocationManager.svelte';
 	import NotificationManager from '$lib/components/notifications/NotificationManager.svelte';
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
 
 	let { children, data } = $props();
 	let isLoginRoute = $derived(page.url.pathname.startsWith('/login'));
 	let showHeader = $derived(!isLoginRoute && data?.user);
-	let isLoading = $state(false);
-
-	// Handle loading state only on client to prevent hydration mismatch
-	onMount(() => {
-		if (browser) {
-			isLoading = !isLoginRoute && !data?.user && data !== null;
-		}
-	});
 </script>
 
 <svelte:head>
@@ -51,40 +40,6 @@
 
 {#if showHeader && data.user}
 	<Header user={data.user} />
-{:else if isLoading}
-	<header class="header-skeleton">
-		<div class="header-content">
-			<Skeleton class="h-8 w-32" />
-			<Skeleton class="h-10 w-10 rounded-full" />
-		</div>
-	</header>
 {/if}
 
 {@render children?.()}
-
-<style>
-	.header-skeleton {
-		padding: 0 20px;
-		height: 64px;
-		display: flex;
-		align-items: center;
-		position: relative;
-		z-index: 100;
-	}
-
-	.header-content {
-		max-width: 1200px;
-		width: 100%;
-		margin: 0 auto;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-
-	@media (max-width: 768px) {
-		.header-skeleton {
-			padding: 0 16px;
-			height: 56px;
-		}
-	}
-</style>