feat: move toasts to top center to not obstruct menu

frontend/src/lib/toast.ts

@@ -17,8 +17,6 @@ let maxId = 0;
 export const addToast = (data: ToastData) => {
   const id = maxId++;
 
-  console.log(id);
-
   toastStore.update((toasts) => (toasts = [...toasts, { ...data, id }]));
 
   if (data.duration !== -1) {

frontend/src/routes/+layout.svelte

@@ -29,7 +29,7 @@
     <Navigation />
     <div class="container">
       <slot />
-      <div class="position-absolute top-0 end-0">
+      <div class="position-absolute top-0 start-50 translate-middle-x">
         {#each $toastStore as toast}
           <Toast header={toast.header} body={toast.body} />
         {/each}