Added timeline component to website

src/lib/components/Toasts/Toasts.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import Toast from "./Toast.svelte";
+
+  import { dismissToast, toasts } from "$lib/store";
+</script>
+
+{#if $toasts}
+  <section>
+    {#each $toasts as toast (toast.id)}
+      <Toast toastData = {toast} on:dismiss={() => dismissToast(toast.id)} />
+    {/each}
+  </section>
+{/if}
+
+<style lang="postcss">
+  section {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    display: flex;
+    margin-top: 1rem;
+    justify-content: center;
+    flex-direction: column;
+    z-index: 10;
+  }
+</style>