Add Toaster

ui/src/lib/Toaster.svelte

@@ -0,0 +1,22 @@
+<script>
+ import {
+     Toast,
+     ToastBody,
+     ToastHeader,
+ } from 'sveltestrap';
+
+ import { ToastsStore } from '$lib/stores/toasts';
+</script>
+
+<div class="toast-container position-absolute top-0 end-0 p-3">
+    {#each $ToastsStore.toasts as toast}
+        <Toast>
+            <ToastHeader toggle={toast.close} icon={toast.color}>
+                {#if toast.title}{toast.title}{:else}Réveil{/if}
+            </ToastHeader>
+            <ToastBody>
+                {toast.msg}
+            </ToastBody>
+        </Toast>
+    {/each}
+</div>

ui/src/routes/+layout.svelte

@@ -8,6 +8,14 @@
 
  import Header from '$lib/components/Header.svelte';
  import Toaster from '$lib/components/Toaster.svelte';
+ import { ToastsStore } from '$lib/stores/toasts';
+
+ window.onunhandledrejection = (e) => {
+     ToastsStore.addErrorToast({
+         message: e.reason,
+         timeout: 7500,
+     })
+ }
 </script>
 
 <svelte:head>