manage handle not found

src/lib/atproto/methods.ts

···
 } from '@atcute/identity-resolver';
 import { Client, simpleFetchHandler } from '@atcute/client';
 import type { AppBskyActorDefs } from '@atcute/bluesky';
+import { redirect } from '@sveltejs/kit';
 
 export type Collection = `${string}.${string}.${string}`;
 
···
 		}
 	});
 
-	const data = await handleResolver.resolve(handle);
-	return data;
+	try {
+		const data = await handleResolver.resolve(handle);
+		return data;
+	} catch (error) {
+		redirect(307, '/?error=handle_not_found&handle=' + handle);
+	}
 }
 
 const didResolver = new CompositeDidDocumentResolver({

src/lib/website/EditableWebsite.svelte

···
 		{handleImageInputChange}
 		{handleVideoInputChange}
 	/>
-
-	<Toaster />
 </Context>

src/routes/+layout.svelte

···
 <script lang="ts">
 	import '../app.css';
 
-	import { ThemeToggle } from '@foxui/core';
+	import { ThemeToggle, Toaster, toast } from '@foxui/core';
 	import { onMount } from 'svelte';
 	import { initClient } from '$lib/atproto';
 	import YoutubeVideoPlayer, { videoPlayer } from '$lib/components/YoutubeVideoPlayer.svelte';
+	import { page } from '$app/state';
+	import { goto } from '$app/navigation';
 
 	let { children } = $props();
+
+	const errorMessages: Record<string, (params: URLSearchParams) => string> = {
+		handle_not_found: (p) => `Handle ${p.get('handle') ?? ''} not found!`
+	};
 
 	onMount(() => {
 		initClient();
+
+		const error = page.url.searchParams.get('error');
+		if (error) {
+			const msg = errorMessages[error]?.(page.url.searchParams) ?? error;
+			toast.error(msg);
+			goto(page.url.pathname, { replaceState: true });
+		}
 	});
 </script>
 
 {@render children()}
 
 <ThemeToggle class="fixed top-2 left-2 z-10" />
+<Toaster />
 
 {#if videoPlayer.id}
 	<YoutubeVideoPlayer />