refactor: icons

src/app.d.ts

@@ -10,10 +10,10 @@ declare global {
 			errorId: string;
 		}
 		interface Locals {
-			user: User | null;
+			user?: User;
 		}
 		interface PageData {
-			user: User | null;
+			user?: User;
 		}
 		// interface Platform {}
 	}

src/hooks.server.ts

@@ -9,7 +9,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 	const session = event.cookies.get('session');
 
 	if (!session) {
-		event.locals.user = null;
+		event.locals.user = undefined;
 		return resolve(event);
 	}
 
@@ -20,7 +20,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 	});
 
 	if (!res.ok) {
-		event.locals.user = null;
+		event.locals.user = undefined;
 		event.cookies.delete('session', { path: '/' });
 		return resolve(event);
 	}
@@ -41,7 +41,7 @@ export const handleFetch: HandleFetch = async ({ request, fetch, event: { cookie
 
 	request = new Request(request, {
 		headers: {
-			...request.headers,
+			...Object.fromEntries(request.headers),
 			Authorization: `Bearer ${session}`
 		},
 	});

src/lib/components/layout/mobile-nav/mobile-nav-link.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ArrowUpRight } from 'lucide-svelte';
+	import ArrowUpRight from 'lucide-svelte/icons/arrow-up-right';
 	import type { HTMLAnchorAttributes } from 'svelte/elements';
 	import { Drawer } from 'vaul-svelte';
 

src/lib/components/layout/mobile-nav/mobile-nav.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Menu } from 'lucide-svelte';
+	import Menu from 'lucide-svelte/icons/menu';
 
 	import { navigation } from '$lib/config';
 
@@ -11,9 +11,9 @@
 
 <Drawer.Root>
 	<Drawer.Trigger asChild let:builder aria-label="open mobile menu">
-		<Button class="sm:hidden" builders={[builder]} variant="outline" size="icon"
+		<Button class="sm:hidden" builders={[builder]} variant="outline" size="icon">
-			><Menu class="h-4 w-4" /></Button
+			<Menu class="h-4 w-4" />
-		>
+		</Button>
 	</Drawer.Trigger>
 	<Drawer.Content>
 		<div class="container mx-auto">