Better error norifications

src/routes/private/+layout.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { browser } from '$app/environment';
 	import { QueryClient, QueryClientProvider } from '@tanstack/svelte-query';
+	import ToastContainer from '$lib/components/ToastContainer.svelte';
 
 	const queryClient = new QueryClient({
 		defaultOptions: {
@@ -27,8 +28,14 @@
 	</div>
 </nav>
 
-<QueryClientProvider client={queryClient}>
-	<div class="container mx-auto max-w-2xl bg-white p-2">
+
+<div class="container mx-auto max-w-2xl bg-white p-2">
+	<QueryClientProvider client={queryClient}>
 		<slot />
-	</div>
-</QueryClientProvider>
+	</QueryClientProvider>
+</div>
+
+<ToastContainer />
+
+	
+