moved toast component to global layout

frontend/src/routes/(app)/+layout.svelte

@@ -6,7 +6,6 @@
 	import { Menu } from 'lucide-svelte'
 	import UserIcon from '$lib/components/UserIcon.svelte'
 	import { Separator } from '$lib/components/ui/separator'
-	import { Toaster } from '$lib/components/ui/sonner'
 
 	export let data: PageData
 
@@ -17,7 +16,6 @@
 	}
 </script>
 
-<Toaster />
 <div class="flex h-screen w-full">
 	<Sidebar email={data.user.email} class="hidden lg:flex" />
 	<div

frontend/src/routes/(auth)/+layout.svelte

@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { Toaster } from '$lib/components/ui/sonner'
-</script>
-
-<Toaster />
-<slot />

frontend/src/routes/+layout.svelte

@@ -1,7 +1,9 @@
 <script>
+	import { Toaster } from '$lib/components/ui/sonner'
 	import '../app.postcss'
 	import { ModeWatcher } from 'mode-watcher'
 </script>
 
 <ModeWatcher />
 <slot />
+<Toaster />