🎩 Elevates ui components

app/src/lib/components/TopBar.svelte

@@ -2,7 +2,7 @@
     import MdiHamburgerMenu from '~icons/mdi/hamburger-menu';
 </script>
 
-<div class="topbar absolute left-0 top-0 w-full z-10 flex justify-between bg-zinc-800">
+<div class="topbar absolute left-0 top-0 w-full z-20 flex justify-between bg-zinc-800">
 	<div class="flex gap-2 p-2">
         <a href="/">
             <svelte:component this={MdiHamburgerMenu} class="h-8 w-8"/>

app/src/lib/components/toasts/Toast.svelte

@@ -22,7 +22,7 @@
 	};
 </script>
 
-<div class="toast toast-end mr-4">
+<div class="toast toast-end mr-4 z-20">
 	{#each $notifications as notification (notification.id)}
 		<div
 			animate:flip={{ duration: 400 }}