From 89569fe6d199d7bbf6696dde0b0c2db1d6c14692 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Tue, 12 Nov 2024 02:18:51 +0100
Subject: [PATCH] feat: /contact page on classroomio-com (#428)

* contact page v1

* finished the UI of the contact us page

* working on the forms

* All functions and logic done

* some refactor

* some refactor

* some refactor

* some refactor

* added loading icon

* removed the image

* finished the send email

* some cleanup

* chore: refactoring

* finishing touches

* update .env.example

---------

Co-authored-by: emmanuel <chifez1@gmail.com>
---
 apps/classroomio-com/.env.example             |   3 +-
 .../src/lib/Button/Button.svelte              |  22 +
 .../src/lib/Contact/FeedbackForm.svelte       |  70 +++
 .../src/lib/Contact/HelpForm.svelte           |  70 +++
 .../src/lib/Contact/Sucess.svelte             |  17 +
 .../src/lib/Footer/Footer.svelte              |   5 +
 apps/classroomio-com/src/lib/Home/Hero.svelte |   3 +-
 .../src/lib/Input/TextArea.svelte             |  56 +++
 .../src/lib/Input/TextField.svelte            |  81 ++++
 .../src/lib/PageHeader/PageHeader.svelte      |   2 +-
 .../src/lib/UploadWidget/UploadWidget.svelte  |  76 +++
 apps/classroomio-com/src/lib/types.ts         |   9 +
 .../src/lib/utils/isFormValid.ts              |   8 +
 .../src/lib/utils/submitForm.ts               |  20 +
 .../src/routes/api/contact/+server.ts         |  65 +++
 .../src/routes/contact/+layout.ts             |   1 +
 .../src/routes/contact/+page.svelte           | 106 +++++
 pnpm-lock.yaml                                | 433 ++++++++++--------
 18 files changed, 862 insertions(+), 185 deletions(-)
 create mode 100644 apps/classroomio-com/src/lib/Button/Button.svelte
 create mode 100644 apps/classroomio-com/src/lib/Contact/FeedbackForm.svelte
 create mode 100644 apps/classroomio-com/src/lib/Contact/HelpForm.svelte
 create mode 100644 apps/classroomio-com/src/lib/Contact/Sucess.svelte
 create mode 100644 apps/classroomio-com/src/lib/Input/TextArea.svelte
 create mode 100644 apps/classroomio-com/src/lib/Input/TextField.svelte
 create mode 100644 apps/classroomio-com/src/lib/UploadWidget/UploadWidget.svelte
 create mode 100644 apps/classroomio-com/src/lib/utils/isFormValid.ts
 create mode 100644 apps/classroomio-com/src/lib/utils/submitForm.ts
 create mode 100644 apps/classroomio-com/src/routes/api/contact/+server.ts
 create mode 100644 apps/classroomio-com/src/routes/contact/+layout.ts
 create mode 100644 apps/classroomio-com/src/routes/contact/+page.svelte

diff --git a/apps/classroomio-com/.env.example b/apps/classroomio-com/.env.example
index 4dae1251..b023e3ec 100644
--- a/apps/classroomio-com/.env.example
+++ b/apps/classroomio-com/.env.example
@@ -1,3 +1,4 @@
 PUBLIC_ENABLE_FAQ=1
 PUBLIC_ENABLE_USERS_COMPANIES=
-PUBLIC_ENABLE_STATS=
\ No newline at end of file
+PUBLIC_ENABLE_STATS=
+PUBLIC_SERVER_URL=
\ No newline at end of file
diff --git a/apps/classroomio-com/src/lib/Button/Button.svelte b/apps/classroomio-com/src/lib/Button/Button.svelte
new file mode 100644
index 00000000..582eecf1
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Button/Button.svelte
@@ -0,0 +1,22 @@
+<script>
+  import Renew from 'carbon-icons-svelte/lib/Renew.svelte';
+  export let label = '';
+  export let className = '';
+  export let isLoading = false;
+  export let isDisabled = false;
+  export let onClick = () => {};
+</script>
+
+<div class="w-full flex items-center justify-center pt-5">
+  <button
+    class="bg-[#0233BD] text-white font-medium text-sm py-4 {className}"
+    disabled={isDisabled}
+    on:click={onClick}
+  >
+    {#if isLoading}
+      <Renew size={24} class="animate-spin" />
+    {:else}
+      {label}
+    {/if}
+  </button>
+</div>
diff --git a/apps/classroomio-com/src/lib/Contact/FeedbackForm.svelte b/apps/classroomio-com/src/lib/Contact/FeedbackForm.svelte
new file mode 100644
index 00000000..7b62f9a6
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Contact/FeedbackForm.svelte
@@ -0,0 +1,70 @@
+<script>
+  import Button from '$lib/Button/Button.svelte';
+  import TextArea from '$lib/Input/TextArea.svelte';
+  import TextField from '$lib/Input/TextField.svelte';
+  import { isFormValid } from '$lib/utils/isFormValid';
+  import { submitForm } from '$lib/utils/submitForm';
+  import Sucess from '$lib/Contact/Sucess.svelte';
+
+  let name = '';
+  let email = '';
+  let title = '';
+  let description = '';
+
+  let isLoading = false;
+  let errorMessage = '';
+  let sent = false;
+
+  const handleClick = async () => {
+    const data = { name, email, title, description };
+
+    if (!isFormValid(data)) {
+      errorMessage = 'Please fill out all required fields.';
+      return;
+    }
+
+    isLoading = true;
+
+    const formData = {
+      title: `[FEEDBACK] ${title}`,
+      description: `My name is ${JSON.stringify(name)}, email is ${JSON.stringify(
+        email
+      )}. \n\n${JSON.stringify(description)}.`,
+      replyTo: email
+    };
+
+    try {
+      await submitForm(formData);
+      sent = true;
+    } catch (error) {
+      console.log(error);
+    } finally {
+      isLoading = false;
+    }
+  };
+</script>
+
+<div>
+  {#if sent}
+    <Sucess />
+  {:else}
+    <div class="w-full my-10 space-y-5">
+      <div class="flex flex-col md:flex-row gap-10">
+        <TextField label="Your Name" isRequired className="w-full" bind:value={name} />
+        <TextField label="Your Email" isRequired className="w-full" bind:value={email} />
+      </div>
+      <TextField label="Subject" isRequired bind:value={title} />
+      <TextArea label="Message" isRequired bind:value={description} />
+      {#if !!errorMessage}
+        <p class="text-left text-sm text-red-500">{errorMessage}</p>
+      {/if}
+      <Button
+        label="Submit"
+        className="px-32"
+        onClick={handleClick}
+        isDisabled={isLoading}
+        {isLoading}
+      />
+    </div>
+  {/if}
+</div>
diff --git a/apps/classroomio-com/src/lib/Contact/HelpForm.svelte b/apps/classroomio-com/src/lib/Contact/HelpForm.svelte
new file mode 100644
index 00000000..ec729a92
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Contact/HelpForm.svelte
@@ -0,0 +1,70 @@
+<script>
+  import Button from '$lib/Button/Button.svelte';
+  import TextArea from '$lib/Input/TextArea.svelte';
+  import TextField from '$lib/Input/TextField.svelte';
+  import { isFormValid } from '$lib/utils/isFormValid';
+  import { submitForm } from '$lib/utils/submitForm';
+  import Sucess from './Sucess.svelte';
+
+  let name = '';
+  let email = '';
+  let title = '';
+  let description = '';
+
+  let isLoading = false;
+  let errorMessage = '';
+  let sent = false;
+
+  async function handleClick() {
+    const data = { name, email, title, description };
+
+    if (!isFormValid(data)) {
+      errorMessage = 'Please fill out all required fields.';
+      return;
+    }
+
+    isLoading = true;
+
+    const formData = {
+      title: `[HELP] ${title}`,
+      description: `My name is ${JSON.stringify(name)}, email is ${JSON.stringify(
+        email
+      )}. \n\n${JSON.stringify(description)}.`,
+      replyTo: email
+    };
+
+    try {
+      await submitForm(formData);
+      sent = true;
+    } catch (error) {
+      console.log(error);
+    } finally {
+      isLoading = false;
+    }
+  }
+</script>
+
+<div>
+  {#if sent}
+    <Sucess />
+  {:else}
+    <div class="w-full my-10 space-y-5">
+      <div class="flex flex-col md:flex-row gap-10">
+        <TextField label="Your Name" isRequired className="w-full" bind:value={name} />
+        <TextField label="Your Email" isRequired className="w-full" bind:value={email} />
+      </div>
+      <TextField label="Subject" isRequired bind:value={title} />
+      <TextArea label="Message" isRequired bind:value={description} />
+      {#if !!errorMessage}
+        <p class="text-left text-sm text-red-500">{errorMessage}</p>
+      {/if}
+      <Button
+        label="Submit"
+        className="px-32"
+        onClick={handleClick}
+        isDisabled={isLoading}
+        {isLoading}
+      />
+    </div>
+  {/if}
+</div>
diff --git a/apps/classroomio-com/src/lib/Contact/Sucess.svelte b/apps/classroomio-com/src/lib/Contact/Sucess.svelte
new file mode 100644
index 00000000..12029af7
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Contact/Sucess.svelte
@@ -0,0 +1,17 @@
+<script>
+  import { goto } from '$app/navigation';
+
+  import Button from '$lib/Button/Button.svelte';
+</script>
+
+<div
+  class="relative overflow-hidden mt-10 flex space-y-3 flex-col text-center items-center border border-[#D9E0F5] justify-center w-full rounded-md min-h-[300px] p-4 bg-[#F5F8FE]"
+>
+  <div class="absolute w-20 h-20 bg-[#0233BD] -top-14 -left-9 rotate-[50deg]" />
+  <h1 class="font-bold text-3xl">Your message has been sent 🎉</h1>
+  <p class="w-[70%] font-normal text-sm">
+    We'll get back to you as soon as possible. In the meantime, Explore and enjoy features on our
+    website
+  </p>
+  <Button label="Go to Home" className="px-10 md:px-20" onClick={() => goto('/')} />
+</div>
diff --git a/apps/classroomio-com/src/lib/Footer/Footer.svelte b/apps/classroomio-com/src/lib/Footer/Footer.svelte
index cd97a75e..c6408c4d 100644
--- a/apps/classroomio-com/src/lib/Footer/Footer.svelte
+++ b/apps/classroomio-com/src/lib/Footer/Footer.svelte
@@ -98,6 +98,11 @@
           Resources
         </p>
         <ul class="space-y-2 lg:space-y-4">
+          <li
+            class="lg:text-base text-sm leading-6 tracking-wide text-gray-600 hover:text-gray-900"
+          >
+            <a href="/contact">Contact us</a>
+          </li>
           <li
             class="lg:text-base text-sm leading-6 tracking-wide text-gray-600 hover:text-gray-900"
           >
diff --git a/apps/classroomio-com/src/lib/Home/Hero.svelte b/apps/classroomio-com/src/lib/Home/Hero.svelte
index 8a78d516..77cb4b4a 100644
--- a/apps/classroomio-com/src/lib/Home/Hero.svelte
+++ b/apps/classroomio-com/src/lib/Home/Hero.svelte
@@ -130,8 +130,9 @@
           <a
             href="/#customization"
             class="px-6 py-2 border-[1.5px] border-[#0233BD] rounded-[4px] bg-white text-[#0233BD] text-lg font-bold"
-            >Customizable LMS</a
           >
+            Customizable LMS
+          </a>
 
           <svg
             class="absolute -right-1 -bottom-2.5"
diff --git a/apps/classroomio-com/src/lib/Input/TextArea.svelte b/apps/classroomio-com/src/lib/Input/TextArea.svelte
new file mode 100644
index 00000000..55121a02
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Input/TextArea.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+  export let label = '';
+  export let disabled = false;
+  export let placeholder = '';
+  export let value = '';
+  export let rows = 3;
+  export let className = '';
+  export let labelClassName = '';
+  export let bgColor = 'bg-gray-50 focus:bg-primary-50 dark:bg-neutral-700 dark:text-white';
+  export let helperMessage = '';
+  export let errorMessage = '';
+  export let isRequired = false;
+  export let onChange = () => {}; // This is to know if element is 'dirty'
+  export let ref = null;
+</script>
+
+<label for="text-field" class="block w-full relative {className}">
+  {#if label}
+    <p class="dark:text-white text-left w-full flex items-center justify-between {labelClassName}">
+      <span>
+        {label}
+        {#if isRequired}
+          <span class="text-red-700">*</span>
+        {/if}
+      </span>
+    </p>
+  {/if}
+
+  <textarea
+    {disabled}
+    {rows}
+    {placeholder}
+    bind:value
+    bind:this={ref}
+    required={isRequired}
+    class="form-textarea p-2 border-l-0 border-r-0 border-t-0 border-b-2 border-gray-200 dark:border-neutral-600 focus:border-l-0 focus:border-r-0 rounded-t-md focus:border-t-0 focus:border-b-2 focus:border-primary-600 mt-1 block w-full
+      {bgColor} {!!errorMessage ? 'border-red-500' : 'border-gray-300'}"
+    on:change={onChange}
+  />
+  {#if !!errorMessage}
+    <p class="text-sm text-red-500">
+      {errorMessage}
+    </p>
+  {:else if helperMessage}
+    <p class="text-sm text-gray-500 dark:text-white">
+      {helperMessage}
+    </p>
+  {/if}
+  <slot name="iconbutton" />
+</label>
+
+<style>
+  .form-textarea {
+    box-shadow: none !important;
+  }
+</style>
diff --git a/apps/classroomio-com/src/lib/Input/TextField.svelte b/apps/classroomio-com/src/lib/Input/TextField.svelte
new file mode 100644
index 00000000..8f393d3e
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Input/TextField.svelte
@@ -0,0 +1,81 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+
+  export let label = '';
+  export let placeholder = '';
+  export let value: string | number | null = null;
+  export let name = '';
+  export let className = '';
+  export let inputClassName = '';
+  export let labelClassName = '';
+  export let bgColor = 'bg-gray-100 focus:bg-primary-50 dark:bg-neutral-700 dark:text-white';
+  export let autoFocus = false;
+  export let isRequired = false;
+  export let isDisabled = false;
+  export let errorMessage = '';
+  export let helperMessage = '';
+  export let autoComplete = true;
+
+  let ref: HTMLInputElement | undefined = undefined;
+  let focusClass = '';
+
+  onMount(() => {
+    if (autoFocus && ref) {
+      ref.focus();
+    }
+  });
+</script>
+
+<label class="block relative {className}">
+  {#if label}
+    <p class=" dark:text-white text-left m-0 {labelClassName}">
+      {label}
+      {#if isRequired}
+        <span class="text-red-700">*</span>
+      {/if}
+    </p>
+  {/if}
+
+  <input
+    class="form-input border-l-0 border-r-0 border-t-0 border-b-2 border-gray-200 dark:border-neutral-600 focus:border-l-0 focus:border-r-0 rounded-t-md focus:border-t-0 focus:border-b-2 {inputClassName} {focusClass} {isDisabled &&
+      'hover:cursor-not-allowed opacity-50'} dark:text-black p-2 mt-1 block w-full {bgColor} {errorMessage
+      ? 'border-red-600'
+      : ''}"
+    {placeholder}
+    bind:value
+    bind:this={ref}
+    required={isRequired}
+    disabled={isDisabled}
+    autocomplete={autoComplete ? 'on' : 'off'}
+    on:blur={(e) => {
+      if (focusClass.includes('border-primary-600')) {
+        focusClass = focusClass.replace('border-primary-600', '');
+      }
+    }}
+    on:focus={() => (focusClass += ' border-primary-600')}
+    {name}
+  />
+  {#if errorMessage}
+    <p class="text-sm text-red-500">{errorMessage}</p>
+  {:else if helperMessage}
+    <p class="dark:text-white text-sm">
+      {helperMessage}
+    </p>
+  {/if}
+</label>
+
+<style>
+  .form-input {
+    box-shadow: none !important;
+  }
+  .password-eye {
+    position: absolute;
+    top: 30px;
+    right: 6px;
+  }
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+</style>
diff --git a/apps/classroomio-com/src/lib/PageHeader/PageHeader.svelte b/apps/classroomio-com/src/lib/PageHeader/PageHeader.svelte
index 5bc552d5..fd91d119 100644
--- a/apps/classroomio-com/src/lib/PageHeader/PageHeader.svelte
+++ b/apps/classroomio-com/src/lib/PageHeader/PageHeader.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <header
-  class="hero-bg lg:min-h-[30rem] mt-[10%] md:mt-16 pt-24 pb-16 w-full border-b border-slate-100 {className}"
+  class="hero-bg lg:min-h-[20rem] mt-[10%] md:mt-16 pt-24 pb-16 w-full border-b border-slate-100 {className}"
 >
   <slot />
 </header>
diff --git a/apps/classroomio-com/src/lib/UploadWidget/UploadWidget.svelte b/apps/classroomio-com/src/lib/UploadWidget/UploadWidget.svelte
new file mode 100644
index 00000000..12bec910
--- /dev/null
+++ b/apps/classroomio-com/src/lib/UploadWidget/UploadWidget.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+  import ImageCopy from 'carbon-icons-svelte/lib/ImageCopy.svelte';
+  import TrashCan from 'carbon-icons-svelte/lib/TrashCan.svelte';
+
+  export let imageURL = '';
+  export let label = '';
+  export let isRequired = false;
+  export let labelClassName = '';
+  let isUploading = false;
+  let fileInput: HTMLInputElement;
+
+  const onFileSelected = () => {
+    const file = fileInput?.files?.[0];
+    const sizeInkb = file?.size! / 1024;
+    if (sizeInkb > 500) {
+      return;
+    }
+    if (file) {
+      let reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onloadend = () => {
+        imageURL = reader.result as string;
+      };
+    }
+  };
+  const deleteImage = () => {
+    imageURL = '';
+    if (fileInput) {
+      fileInput.value = '';
+    }
+  };
+</script>
+
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<div>
+  {#if label}
+    <p class="dark:text-white text-left w-full flex items-center justify-between {labelClassName}">
+      <span>
+        {label}
+        {#if isRequired}
+          <span class="text-red-700">*</span>
+        {/if}
+      </span>
+
+      {#if imageURL}
+        <span title="clear image" on:click={deleteImage}>
+          <TrashCan class="fill-red-500 " />
+        </span>
+      {/if}
+    </p>
+  {/if}
+  <div
+    class="flex items-center justify-center w-full border rounded-md min-h-[200px] p-4"
+    on:click={() => fileInput.click()}
+  >
+    <input
+      type="file"
+      style="display: none;"
+      bind:this={fileInput}
+      on:change={onFileSelected}
+      disabled={isUploading}
+      required={isRequired}
+    />
+    {#if imageURL}
+      <img src={imageURL} alt="selected file" class="w-[30%] h-auto mt-4" />
+    {:else}
+      <div class="space-y-4">
+        <ImageCopy size={24} class="mx-auto" />
+        <p class="text-center text-sm text-gray-500 my-2">
+          Max file size: 10MB, accepted: jpeg, jpg, png, gif
+        </p>
+      </div>
+    {/if}
+  </div>
+</div>
diff --git a/apps/classroomio-com/src/lib/types.ts b/apps/classroomio-com/src/lib/types.ts
index 8652e1c8..eb7f00b8 100644
--- a/apps/classroomio-com/src/lib/types.ts
+++ b/apps/classroomio-com/src/lib/types.ts
@@ -19,3 +19,12 @@ export type OssFriend = {
   description: string;
   href: string;
 };
+
+export type FORM_TYPE_KEY = keyof typeof FORM_TYPE;
+
+export enum FORM_TYPE {
+  BUG = 'BUG',
+  HELP = 'HELP',
+  FEATURE = 'FEATURE',
+  FEEDBACK = 'FEEDBACK'
+}
diff --git a/apps/classroomio-com/src/lib/utils/isFormValid.ts b/apps/classroomio-com/src/lib/utils/isFormValid.ts
new file mode 100644
index 00000000..dd89c9e9
--- /dev/null
+++ b/apps/classroomio-com/src/lib/utils/isFormValid.ts
@@ -0,0 +1,8 @@
+export const isFormValid = (data: { [x: string]: any }) => {
+  for (const key in data) {
+    if (!data[key]) {
+      return false;
+    }
+  }
+  return true;
+};
diff --git a/apps/classroomio-com/src/lib/utils/submitForm.ts b/apps/classroomio-com/src/lib/utils/submitForm.ts
new file mode 100644
index 00000000..24ab9974
--- /dev/null
+++ b/apps/classroomio-com/src/lib/utils/submitForm.ts
@@ -0,0 +1,20 @@
+export const submitForm = async (formData: any) => {
+  try {
+    const response = await fetch('/api/contact', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(formData)
+    });
+
+    if (!response.ok) {
+      throw new Error('Failed to submit the form');
+    }
+
+    const data = await response.json();
+    console.log('Response from API:', data);
+  } catch (error) {
+    console.error('Error submitting form:', error);
+  }
+};
diff --git a/apps/classroomio-com/src/routes/api/contact/+server.ts b/apps/classroomio-com/src/routes/api/contact/+server.ts
new file mode 100644
index 00000000..fa74261a
--- /dev/null
+++ b/apps/classroomio-com/src/routes/api/contact/+server.ts
@@ -0,0 +1,65 @@
+import { PUBLIC_SERVER_URL } from '$env/static/public';
+
+const sendEmail = async (subject: string, content: string, replyTo?: string) => {
+  try {
+    const response = await fetch(`${PUBLIC_SERVER_URL}/sendEmail`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify([
+        {
+          from: `"ClassroomIO Support" <notify@mail.classroomio.com>`,
+          to: 'help@classroomio.com',
+          subject,
+          content,
+          replyTo
+        }
+      ])
+    });
+
+    const responseData = await response.json();
+    console.log('Emails sent successfully:', responseData);
+
+    return 'sent';
+  } catch (error) {
+    console.error('Error sending email', error);
+    return 'failed';
+  }
+};
+
+export async function POST({ request }) {
+  try {
+    const { title, description, replyTo } = await request.json();
+    console.log(title, description, replyTo);
+    const result = await sendEmail(title, description, replyTo);
+
+    return new Response(
+      JSON.stringify({
+        message: 'Issue created successfully',
+        issue: result
+      }),
+      {
+        status: 201,
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      }
+    );
+  } catch (error) {
+    console.log('errors from backend', error);
+
+    return new Response(
+      JSON.stringify({
+        message: 'Failed to create issue',
+        error: (error as Error)?.message
+      }),
+      {
+        status: 500,
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      }
+    );
+  }
+}
diff --git a/apps/classroomio-com/src/routes/contact/+layout.ts b/apps/classroomio-com/src/routes/contact/+layout.ts
new file mode 100644
index 00000000..189f71e2
--- /dev/null
+++ b/apps/classroomio-com/src/routes/contact/+layout.ts
@@ -0,0 +1 @@
+export const prerender = true;
diff --git a/apps/classroomio-com/src/routes/contact/+page.svelte b/apps/classroomio-com/src/routes/contact/+page.svelte
new file mode 100644
index 00000000..001a5e05
--- /dev/null
+++ b/apps/classroomio-com/src/routes/contact/+page.svelte
@@ -0,0 +1,106 @@
+<script lang="ts">
+  import ArrowUpRight from 'carbon-icons-svelte/lib/ArrowUpRight.svelte';
+  import PageHeader from '$lib/PageHeader/PageHeader.svelte';
+
+  import FeedbackForm from '$lib/Contact/FeedbackForm.svelte';
+  import HelpForm from '$lib/Contact/HelpForm.svelte';
+  import { FORM_TYPE } from '$lib/types';
+  import type { FORM_TYPE_KEY } from '$lib/types';
+
+  let currentForm: FORM_TYPE_KEY;
+
+  const formList = [
+    {
+      id: FORM_TYPE.BUG,
+      title: '🐜  I want to report a bug',
+      to: 'https://github.com/classroomio/classroomio/issues/new?assignees=&labels=bug&projects=&template=bug-report.yml'
+    },
+    {
+      id: FORM_TYPE.HELP,
+      title: '🙋‍♂️  I need help'
+    },
+    {
+      id: FORM_TYPE.FEATURE,
+      title: '📮  I want to request a feature',
+      to: 'https://github.com/classroomio/classroomio/issues/new?assignees=&labels=&projects=&template=feature-request.yml'
+    },
+    {
+      id: FORM_TYPE.FEEDBACK,
+      title: '💭  I have feedback'
+    }
+  ];
+
+  const onChange = (form: FORM_TYPE_KEY, to?: string) => {
+    currentForm = form;
+
+    if (to) {
+      window.open(to, '_blank');
+    }
+  };
+</script>
+
+<svelte:head>
+  <title>Contact us | ClassroomIO</title>
+</svelte:head>
+
+<section>
+  <PageHeader className="flex flex-col items-center justify-center bg-[#F5F8FE] text-center">
+    <div class="mb-2 ml-[5%] lg:ml-0 flex w-full items-center justify-center">
+      <span
+        style="color: rgb(75, 85, 99);"
+        class="rounded-full border-2 border-[#C2D2FF] px-4 py-1 text-sm font-medium bg-[#DCE5FF] text-blue-700"
+      >
+        Contact Us
+      </span>
+    </div>
+    <h1
+      class="mx-auto text-4xl md:text-7xl lg:text-6xl font-bold text-slate-900 flex flex-col items-center"
+    >
+      <span>Get in touch with <span class="text-blue-700">Us</span></span>
+    </h1>
+    <p
+      class="w-[90%] md:w-[60%] max-w-3xl text-center font-normal text-lg text-slate-700 mt-10 lg:mt-7"
+    >
+      Report any bugs you encounter, request new features you'd like to see, or ask any questions
+      you have about ClassroomIO
+    </p>
+  </PageHeader>
+
+  <div class="my-20 mx-auto">
+    <!-- Content here -->
+    <div
+      class="mx-auto w-[90%] lg:w-[60%] place-items-center grid grid-cols-1 md:grid-cols-2 gap-10"
+    >
+      {#each formList as list}
+        <button
+          on:click={() => onChange(list.id, list.to)}
+          class="text-start border-[1.5px] w-full rounded-md p-3 {currentForm === list.id
+            ? `border-[#0233BD]`
+            : `border-gray-200`} flex items-center justify-between"
+        >
+          <p class="text-lg text-slate-700 font-normal">{list.title}</p>
+          {#if list.to}
+            <ArrowUpRight size={16} />
+          {/if}
+        </button>
+      {/each}
+    </div>
+
+    {#if currentForm === FORM_TYPE[currentForm]}
+      <div class="mx-auto w-[90%] lg:w-[60%] px-5">
+        {#if currentForm === FORM_TYPE.HELP}
+          <HelpForm />
+        {:else if currentForm === FORM_TYPE.FEEDBACK}
+          <FeedbackForm />
+        {/if}
+      </div>
+    {/if}
+    <!-- <PageSignupCTA
+      header="Scale your Teaching Business in Minutes"
+      subText="Don't wait, let's get you started."
+      btnLabel="Register"
+      link="/teach/register"
+      demo={false}
+    /> -->
+  </div>
+</section>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2c4707be..eeefcc6d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -49,7 +49,7 @@ importers:
         version: 7.110.1
       '@sentry/profiling-node':
         specifier: ^7.110.1
-        version: 7.110.1
+        version: 7.119.2
       '@supabase/supabase-js':
         specifier: ^2.32.0
         version: 2.32.0
@@ -97,7 +97,7 @@ importers:
         version: 3.0.1
       zeptomail:
         specifier: ^6.0.0
-        version: 6.0.0
+        version: 6.1.0
       zod:
         specifier: ^3.21.4
         version: 3.21.4
@@ -134,13 +134,13 @@ importers:
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^3.0.0
-        version: 3.0.0(@sveltejs/kit@2.0.0)
+        version: 3.3.1(@sveltejs/kit@2.8.0)
       '@sveltejs/kit':
         specifier: ^2.0.0
-        version: 2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0)
+        version: 2.8.0(@sveltejs/vite-plugin-svelte@3.1.2)(svelte@4.1.2)(vite@5.4.11)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.0.0
-        version: 3.0.0(svelte@4.1.2)(vite@5.0.0)
+        version: 3.1.2(svelte@4.1.2)(vite@5.4.11)
       autoprefixer:
         specifier: ^10.4.15
         version: 10.4.16(postcss@8.4.32)
@@ -170,7 +170,7 @@ importers:
         version: 5.1.6
       vite:
         specifier: ^5.0.0
-        version: 5.0.0
+        version: 5.4.11
 
   apps/dashboard:
     dependencies:
@@ -254,10 +254,10 @@ importers:
         version: 4.1.0
       jspdf:
         specifier: ^2.5.1
-        version: 2.5.1
+        version: 2.5.2
       jspdf-autotable:
         specifier: ^3.8.2
-        version: 3.8.2(jspdf@2.5.1)
+        version: 3.8.4(jspdf@2.5.2)
       lodash:
         specifier: ^4.17.21
         version: 4.17.21
@@ -640,7 +640,7 @@ packages:
       '@smithy/util-utf8': 2.3.0
       '@smithy/util-waiter': 2.2.0
       fast-xml-parser: 4.2.5
-      tslib: 2.6.1
+      tslib: 2.8.1
     transitivePeerDependencies:
       - '@aws-sdk/signature-v4-crt'
       - aws-crt
@@ -774,7 +774,7 @@ packages:
       '@smithy/property-provider': 2.2.0
       '@smithy/shared-ini-file-loader': 2.4.0
       '@smithy/types': 2.12.0
-      tslib: 2.6.1
+      tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
     dev: false
@@ -936,7 +936,7 @@ packages:
       '@smithy/signature-v4': 2.3.0
       '@smithy/types': 2.12.0
       '@smithy/util-middleware': 2.2.0
-      tslib: 2.6.1
+      tslib: 2.8.1
     dev: false
 
   /@aws-sdk/middleware-ssec@3.387.0:
@@ -2369,7 +2369,6 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.1
-    dev: false
 
   /@babel/template@7.25.9:
     resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
@@ -2475,8 +2474,8 @@ packages:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
 
-  /@esbuild/aix-ppc64@0.19.12:
-    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+  /@esbuild/aix-ppc64@0.21.5:
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [aix]
@@ -2492,8 +2491,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-arm64@0.19.12:
-    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+  /@esbuild/android-arm64@0.21.5:
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -2509,8 +2508,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-arm@0.19.12:
-    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+  /@esbuild/android-arm@0.21.5:
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -2526,8 +2525,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-x64@0.19.12:
-    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+  /@esbuild/android-x64@0.21.5:
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -2543,8 +2542,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.12:
-    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+  /@esbuild/darwin-arm64@0.21.5:
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -2560,8 +2559,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/darwin-x64@0.19.12:
-    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+  /@esbuild/darwin-x64@0.21.5:
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -2577,8 +2576,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.12:
-    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+  /@esbuild/freebsd-arm64@0.21.5:
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -2594,8 +2593,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.19.12:
-    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+  /@esbuild/freebsd-x64@0.21.5:
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -2611,8 +2610,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-arm64@0.19.12:
-    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+  /@esbuild/linux-arm64@0.21.5:
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -2628,8 +2627,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-arm@0.19.12:
-    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+  /@esbuild/linux-arm@0.21.5:
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -2645,8 +2644,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-ia32@0.19.12:
-    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+  /@esbuild/linux-ia32@0.21.5:
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -2662,8 +2661,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-loong64@0.19.12:
-    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+  /@esbuild/linux-loong64@0.21.5:
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -2679,8 +2678,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.12:
-    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+  /@esbuild/linux-mips64el@0.21.5:
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -2696,8 +2695,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.12:
-    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+  /@esbuild/linux-ppc64@0.21.5:
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -2713,8 +2712,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.12:
-    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+  /@esbuild/linux-riscv64@0.21.5:
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -2730,8 +2729,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-s390x@0.19.12:
-    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+  /@esbuild/linux-s390x@0.21.5:
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -2747,8 +2746,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-x64@0.19.12:
-    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+  /@esbuild/linux-x64@0.21.5:
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -2764,8 +2763,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.12:
-    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+  /@esbuild/netbsd-x64@0.21.5:
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -2781,8 +2780,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.12:
-    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+  /@esbuild/openbsd-x64@0.21.5:
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -2798,8 +2797,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/sunos-x64@0.19.12:
-    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+  /@esbuild/sunos-x64@0.21.5:
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -2815,8 +2814,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-arm64@0.19.12:
-    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+  /@esbuild/win32-arm64@0.21.5:
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -2832,8 +2831,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-ia32@0.19.12:
-    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+  /@esbuild/win32-ia32@0.21.5:
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -2849,8 +2848,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-x64@0.19.12:
-    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+  /@esbuild/win32-x64@0.21.5:
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -3737,144 +3736,144 @@ packages:
       rollup: 3.29.5
     dev: false
 
-  /@rollup/rollup-android-arm-eabi@4.24.3:
-    resolution: {integrity: sha512-ufb2CH2KfBWPJok95frEZZ82LtDl0A6QKTa8MoM+cWwDZvVGl5/jNb79pIhRvAalUu+7LD91VYR0nwRD799HkQ==}
+  /@rollup/rollup-android-arm-eabi@4.25.0:
+    resolution: {integrity: sha512-CC/ZqFZwlAIbU1wUPisHyV/XRc5RydFrNLtgl3dGYskdwPZdt4HERtKm50a/+DtTlKeCq9IXFEWR+P6blwjqBA==}
     cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-android-arm64@4.24.3:
-    resolution: {integrity: sha512-iAHpft/eQk9vkWIV5t22V77d90CRofgR2006UiCjHcHJFVI1E0oBkQIAbz+pLtthFw3hWEmVB4ilxGyBf48i2Q==}
+  /@rollup/rollup-android-arm64@4.25.0:
+    resolution: {integrity: sha512-/Y76tmLGUJqVBXXCfVS8Q8FJqYGhgH4wl4qTA24E9v/IJM0XvJCGQVSW1QZ4J+VURO9h8YCa28sTFacZXwK7Rg==}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.24.3:
-    resolution: {integrity: sha512-QPW2YmkWLlvqmOa2OwrfqLJqkHm7kJCIMq9kOz40Zo9Ipi40kf9ONG5Sz76zszrmIZZ4hgRIkez69YnTHgEz1w==}
+  /@rollup/rollup-darwin-arm64@4.25.0:
+    resolution: {integrity: sha512-YVT6L3UrKTlC0FpCZd0MGA7NVdp7YNaEqkENbWQ7AOVOqd/7VzyHpgIpc1mIaxRAo1ZsJRH45fq8j4N63I/vvg==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.24.3:
-    resolution: {integrity: sha512-KO0pN5x3+uZm1ZXeIfDqwcvnQ9UEGN8JX5ufhmgH5Lz4ujjZMAnxQygZAVGemFWn+ZZC0FQopruV4lqmGMshow==}
+  /@rollup/rollup-darwin-x64@4.25.0:
+    resolution: {integrity: sha512-ZRL+gexs3+ZmmWmGKEU43Bdn67kWnMeWXLFhcVv5Un8FQcx38yulHBA7XR2+KQdYIOtD0yZDWBCudmfj6lQJoA==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-freebsd-arm64@4.24.3:
-    resolution: {integrity: sha512-CsC+ZdIiZCZbBI+aRlWpYJMSWvVssPuWqrDy/zi9YfnatKKSLFCe6fjna1grHuo/nVaHG+kiglpRhyBQYRTK4A==}
+  /@rollup/rollup-freebsd-arm64@4.25.0:
+    resolution: {integrity: sha512-xpEIXhiP27EAylEpreCozozsxWQ2TJbOLSivGfXhU4G1TBVEYtUPi2pOZBnvGXHyOdLAUUhPnJzH3ah5cqF01g==}
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-freebsd-x64@4.24.3:
-    resolution: {integrity: sha512-F0nqiLThcfKvRQhZEzMIXOQG4EeX61im61VYL1jo4eBxv4aZRmpin6crnBJQ/nWnCsjH5F6J3W6Stdm0mBNqBg==}
+  /@rollup/rollup-freebsd-x64@4.25.0:
+    resolution: {integrity: sha512-sC5FsmZGlJv5dOcURrsnIK7ngc3Kirnx3as2XU9uER+zjfyqIjdcMVgzy4cOawhsssqzoAX19qmxgJ8a14Qrqw==}
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.24.3:
-    resolution: {integrity: sha512-KRSFHyE/RdxQ1CSeOIBVIAxStFC/hnBgVcaiCkQaVC+EYDtTe4X7z5tBkFyRoBgUGtB6Xg6t9t2kulnX6wJc6A==}
+  /@rollup/rollup-linux-arm-gnueabihf@4.25.0:
+    resolution: {integrity: sha512-uD/dbLSs1BEPzg564TpRAQ/YvTnCds2XxyOndAO8nJhaQcqQGFgv/DAVko/ZHap3boCvxnzYMa3mTkV/B/3SWA==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm-musleabihf@4.24.3:
-    resolution: {integrity: sha512-h6Q8MT+e05zP5BxEKz0vi0DhthLdrNEnspdLzkoFqGwnmOzakEHSlXfVyA4HJ322QtFy7biUAVFPvIDEDQa6rw==}
+  /@rollup/rollup-linux-arm-musleabihf@4.25.0:
+    resolution: {integrity: sha512-ZVt/XkrDlQWegDWrwyC3l0OfAF7yeJUF4fq5RMS07YM72BlSfn2fQQ6lPyBNjt+YbczMguPiJoCfaQC2dnflpQ==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.24.3:
-    resolution: {integrity: sha512-fKElSyXhXIJ9pqiYRqisfirIo2Z5pTTve5K438URf08fsypXrEkVmShkSfM8GJ1aUyvjakT+fn2W7Czlpd/0FQ==}
+  /@rollup/rollup-linux-arm64-gnu@4.25.0:
+    resolution: {integrity: sha512-qboZ+T0gHAW2kkSDPHxu7quaFaaBlynODXpBVnPxUgvWYaE84xgCKAPEYE+fSMd3Zv5PyFZR+L0tCdYCMAtG0A==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.24.3:
-    resolution: {integrity: sha512-YlddZSUk8G0px9/+V9PVilVDC6ydMz7WquxozToozSnfFK6wa6ne1ATUjUvjin09jp34p84milxlY5ikueoenw==}
+  /@rollup/rollup-linux-arm64-musl@4.25.0:
+    resolution: {integrity: sha512-ndWTSEmAaKr88dBuogGH2NZaxe7u2rDoArsejNslugHZ+r44NfWiwjzizVS1nUOHo+n1Z6qV3X60rqE/HlISgw==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-powerpc64le-gnu@4.24.3:
-    resolution: {integrity: sha512-yNaWw+GAO8JjVx3s3cMeG5Esz1cKVzz8PkTJSfYzE5u7A+NvGmbVFEHP+BikTIyYWuz0+DX9kaA3pH9Sqxp69g==}
+  /@rollup/rollup-linux-powerpc64le-gnu@4.25.0:
+    resolution: {integrity: sha512-BVSQvVa2v5hKwJSy6X7W1fjDex6yZnNKy3Kx1JGimccHft6HV0THTwNtC2zawtNXKUu+S5CjXslilYdKBAadzA==}
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.24.3:
-    resolution: {integrity: sha512-lWKNQfsbpv14ZCtM/HkjCTm4oWTKTfxPmr7iPfp3AHSqyoTz5AgLemYkWLwOBWc+XxBbrU9SCokZP0WlBZM9lA==}
+  /@rollup/rollup-linux-riscv64-gnu@4.25.0:
+    resolution: {integrity: sha512-G4hTREQrIdeV0PE2JruzI+vXdRnaK1pg64hemHq2v5fhv8C7WjVaeXc9P5i4Q5UC06d/L+zA0mszYIKl+wY8oA==}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-s390x-gnu@4.24.3:
-    resolution: {integrity: sha512-HoojGXTC2CgCcq0Woc/dn12wQUlkNyfH0I1ABK4Ni9YXyFQa86Fkt2Q0nqgLfbhkyfQ6003i3qQk9pLh/SpAYw==}
+  /@rollup/rollup-linux-s390x-gnu@4.25.0:
+    resolution: {integrity: sha512-9T/w0kQ+upxdkFL9zPVB6zy9vWW1deA3g8IauJxojN4bnz5FwSsUAD034KpXIVX5j5p/rn6XqumBMxfRkcHapQ==}
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.24.3:
-    resolution: {integrity: sha512-mnEOh4iE4USSccBOtcrjF5nj+5/zm6NcNhbSEfR3Ot0pxBwvEn5QVUXcuOwwPkapDtGZ6pT02xLoPaNv06w7KQ==}
+  /@rollup/rollup-linux-x64-gnu@4.25.0:
+    resolution: {integrity: sha512-ThcnU0EcMDn+J4B9LD++OgBYxZusuA7iemIIiz5yzEcFg04VZFzdFjuwPdlURmYPZw+fgVrFzj4CA64jSTG4Ig==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.24.3:
-    resolution: {integrity: sha512-rMTzawBPimBQkG9NKpNHvquIUTQPzrnPxPbCY1Xt+mFkW7pshvyIS5kYgcf74goxXOQk0CP3EoOC1zcEezKXhw==}
+  /@rollup/rollup-linux-x64-musl@4.25.0:
+    resolution: {integrity: sha512-zx71aY2oQxGxAT1JShfhNG79PnjYhMC6voAjzpu/xmMjDnKNf6Nl/xv7YaB/9SIa9jDYf8RBPWEnjcdlhlv1rQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.24.3:
-    resolution: {integrity: sha512-2lg1CE305xNvnH3SyiKwPVsTVLCg4TmNCF1z7PSHX2uZY2VbUpdkgAllVoISD7JO7zu+YynpWNSKAtOrX3AiuA==}
+  /@rollup/rollup-win32-arm64-msvc@4.25.0:
+    resolution: {integrity: sha512-JT8tcjNocMs4CylWY/CxVLnv8e1lE7ff1fi6kbGocWwxDq9pj30IJ28Peb+Y8yiPNSF28oad42ApJB8oUkwGww==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.24.3:
-    resolution: {integrity: sha512-9SjYp1sPyxJsPWuhOCX6F4jUMXGbVVd5obVpoVEi8ClZqo52ViZewA6eFz85y8ezuOA+uJMP5A5zo6Oz4S5rVQ==}
+  /@rollup/rollup-win32-ia32-msvc@4.25.0:
+    resolution: {integrity: sha512-dRLjLsO3dNOfSN6tjyVlG+Msm4IiZnGkuZ7G5NmpzwF9oOc582FZG05+UdfTbz5Jd4buK/wMb6UeHFhG18+OEg==}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.24.3:
-    resolution: {integrity: sha512-HGZgRFFYrMrP3TJlq58nR1xy8zHKId25vhmm5S9jETEfDf6xybPxsavFTJaufe2zgOGYJBskGlj49CwtEuFhWQ==}
+  /@rollup/rollup-win32-x64-msvc@4.25.0:
+    resolution: {integrity: sha512-/RqrIFtLB926frMhZD0a5oDa4eFIbyNEwLLloMTEjmqfwZWXywwVVOVmwTsuyhC9HKkVEZcOOi+KV4U9wmOdlg==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
@@ -4067,8 +4066,8 @@ packages:
       '@sentry/utils': 7.110.1
     dev: false
 
-  /@sentry/profiling-node@7.110.1:
-    resolution: {integrity: sha512-htqOzb/IPyC27LSAhWy/9J1fqNZNPhgDSXxPyHNo4aWHPpimDIEClues04KGWNNXH2GRe5ttwavX2PHUQG+dwQ==}
+  /@sentry/profiling-node@7.119.2:
+    resolution: {integrity: sha512-c2eR//qqydnLacxBy3ufRba0GFkfa3VS7ZG7b6pChkEzNmP6ObBVRdNCQ5FhyeJ6dPyi7x+wy8rI0d5aWhU23Q==}
     engines: {node: '>=8.0.0'}
     hasBin: true
     requiresBuild: true
@@ -4671,12 +4670,12 @@ packages:
       import-meta-resolve: 3.1.1
     dev: false
 
-  /@sveltejs/adapter-auto@3.0.0(@sveltejs/kit@2.0.0):
-    resolution: {integrity: sha512-UNWSs/rOReBRfI/xFwSO2WYF1a7PT74SrWOHJmSNLY3Lq+zbH0uuvnlP+TmrTUBvOTkou3WJDjL6lK3n6aOUgQ==}
+  /@sveltejs/adapter-auto@3.3.1(@sveltejs/kit@2.8.0):
+    resolution: {integrity: sha512-5Sc7WAxYdL6q9j/+D0jJKjGREGlfIevDyHSQ2eNETHcB1TKlQWHcAo8AS8H1QdjNvSXpvOwNjykDUHPEAyGgdQ==}
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@sveltejs/kit': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0)
+      '@sveltejs/kit': 2.8.0(@sveltejs/vite-plugin-svelte@3.1.2)(svelte@4.1.2)(vite@5.4.11)
       import-meta-resolve: 4.1.0
     dev: true
 
@@ -4732,30 +4731,31 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/kit@2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0):
-    resolution: {integrity: sha512-/GFxvit+q7PztRbgGTFXhVB6jvb0fZSeWuz5f4siQ2r/5BVhxYh7++Bw3/ZUjiOuyoZFiNBmOPcRNQbkzEce0g==}
+  /@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@3.1.2)(svelte@4.1.2)(vite@5.4.11):
+    resolution: {integrity: sha512-HCiWupCuKJQ3aPaC4Xc6lpPdjOOnoGzEiYjOqMqppdtfGtY2ABrx932Vw66ZwS2RGXc0BmZvFvNq5SzqlmDVLg==}
     engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
     peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0 || ^4.0.0-next.1
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.0(svelte@4.1.2)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.1.2)(vite@5.4.11)
       '@types/cookie': 0.6.0
       cookie: 0.6.0
-      devalue: 4.3.3
+      devalue: 5.1.1
       esm-env: 1.1.4
+      import-meta-resolve: 4.1.0
       kleur: 4.1.5
       magic-string: 0.30.12
-      mrmime: 1.0.1
+      mrmime: 2.0.0
       sade: 1.8.1
       set-cookie-parser: 2.7.1
-      sirv: 2.0.3
+      sirv: 3.0.0
       svelte: 4.1.2
       tiny-glob: 0.2.9
-      vite: 5.0.0
+      vite: 5.4.11
     dev: true
 
   /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.1.2)(vite@4.4.8):
@@ -4773,7 +4773,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0):
+  /@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2)(svelte@4.1.2)(vite@5.4.11):
     resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
@@ -4781,10 +4781,10 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.0(svelte@4.1.2)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.1.2)(vite@5.4.11)
       debug: 4.3.7
       svelte: 4.1.2
-      vite: 5.0.0
+      vite: 5.4.11
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4808,22 +4808,22 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte@3.0.0(svelte@4.1.2)(vite@5.0.0):
-    resolution: {integrity: sha512-Th0nupxk8hl5Rcg9jm+1xWylwco4bSUAvutWxM4W4bjOAollpXLmrYqSSnYo9pPbZOO6ZGRm6sSqYa/v1d/Saw==}
+  /@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.1.2)(vite@5.4.11):
+    resolution: {integrity: sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2)(svelte@4.1.2)(vite@5.4.11)
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.12
       svelte: 4.1.2
-      svelte-hmr: 0.15.3(svelte@4.1.2)
-      vite: 5.0.0
-      vitefu: 0.2.5(vite@5.0.0)
+      svelte-hmr: 0.16.0(svelte@4.1.2)
+      vite: 5.4.11
+      vitefu: 0.2.5(vite@5.4.11)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6297,7 +6297,7 @@ packages:
     engines: {node: '>=10.0.0'}
     requiresBuild: true
     dependencies:
-      '@babel/runtime': 7.22.6
+      '@babel/runtime': 7.26.0
       '@types/raf': 3.4.3
       core-js: 3.39.0
       raf: 3.4.1
@@ -7254,10 +7254,46 @@ packages:
       d3-zoom: 3.0.0
     dev: false
 
+  /d3@7.9.0:
+    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-array: 3.2.4
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 4.0.2
+      d3-delaunay: 6.0.4
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.0
+      d3-geo: 3.1.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.1.0
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      d3-selection: 3.0.0
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+      d3-zoom: 3.0.0
+    dev: false
+
   /dagre-d3-es@7.0.10:
     resolution: {integrity: sha512-qTCQmEhcynucuaZgY5/+ti3X/rnszKZhEQH/ZdWdtP1tA/y3VoHJzcVrO9pjjJCNpigfscAtoUB5ONcd2wNn0A==}
     dependencies:
-      d3: 7.8.5
+      d3: 7.9.0
       lodash-es: 4.17.21
     dev: false
 
@@ -7497,6 +7533,10 @@ packages:
   /devalue@4.3.3:
     resolution: {integrity: sha512-UH8EL6H2ifcY8TbD2QsxwCC/pr5xSwPvv85LrLXVihmHVC3T3YqTCIwnR5ak0yO1KYqlxrPVOA/JVZJYPy2ATg==}
 
+  /devalue@5.1.1:
+    resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
+    dev: true
+
   /devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
     dependencies:
@@ -7844,35 +7884,35 @@ packages:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
-  /esbuild@0.19.12:
-    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+  /esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.19.12
-      '@esbuild/android-arm': 0.19.12
-      '@esbuild/android-arm64': 0.19.12
-      '@esbuild/android-x64': 0.19.12
-      '@esbuild/darwin-arm64': 0.19.12
-      '@esbuild/darwin-x64': 0.19.12
-      '@esbuild/freebsd-arm64': 0.19.12
-      '@esbuild/freebsd-x64': 0.19.12
-      '@esbuild/linux-arm': 0.19.12
-      '@esbuild/linux-arm64': 0.19.12
-      '@esbuild/linux-ia32': 0.19.12
-      '@esbuild/linux-loong64': 0.19.12
-      '@esbuild/linux-mips64el': 0.19.12
-      '@esbuild/linux-ppc64': 0.19.12
-      '@esbuild/linux-riscv64': 0.19.12
-      '@esbuild/linux-s390x': 0.19.12
-      '@esbuild/linux-x64': 0.19.12
-      '@esbuild/netbsd-x64': 0.19.12
-      '@esbuild/openbsd-x64': 0.19.12
-      '@esbuild/sunos-x64': 0.19.12
-      '@esbuild/win32-arm64': 0.19.12
-      '@esbuild/win32-ia32': 0.19.12
-      '@esbuild/win32-x64': 0.19.12
+      '@esbuild/aix-ppc64': 0.21.5
+      '@esbuild/android-arm': 0.21.5
+      '@esbuild/android-arm64': 0.21.5
+      '@esbuild/android-x64': 0.21.5
+      '@esbuild/darwin-arm64': 0.21.5
+      '@esbuild/darwin-x64': 0.21.5
+      '@esbuild/freebsd-arm64': 0.21.5
+      '@esbuild/freebsd-x64': 0.21.5
+      '@esbuild/linux-arm': 0.21.5
+      '@esbuild/linux-arm64': 0.21.5
+      '@esbuild/linux-ia32': 0.21.5
+      '@esbuild/linux-loong64': 0.21.5
+      '@esbuild/linux-mips64el': 0.21.5
+      '@esbuild/linux-ppc64': 0.21.5
+      '@esbuild/linux-riscv64': 0.21.5
+      '@esbuild/linux-s390x': 0.21.5
+      '@esbuild/linux-x64': 0.21.5
+      '@esbuild/netbsd-x64': 0.21.5
+      '@esbuild/openbsd-x64': 0.21.5
+      '@esbuild/sunos-x64': 0.21.5
+      '@esbuild/win32-arm64': 0.21.5
+      '@esbuild/win32-ia32': 0.21.5
+      '@esbuild/win32-x64': 0.21.5
     dev: true
 
   /escalade@3.2.0:
@@ -8570,6 +8610,10 @@ packages:
     resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
     dev: false
 
+  /fflate@0.8.2:
+    resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
+    dev: false
+
   /figures@3.2.0:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
     engines: {node: '>=8'}
@@ -10413,21 +10457,21 @@ packages:
     engines: {'0': node >= 0.2.0}
     dev: true
 
-  /jspdf-autotable@3.8.2(jspdf@2.5.1):
-    resolution: {integrity: sha512-zW1ix99/mtR4MbIni7IqvrpfHmuTaICl6iv6wqjRN86Nxtwaw/QtOeDbpXqYSzHIJK9JvgtLM283sc5x+ipkJg==}
+  /jspdf-autotable@3.8.4(jspdf@2.5.2):
+    resolution: {integrity: sha512-rSffGoBsJYX83iTRv8Ft7FhqfgEL2nLpGAIiqruEQQ3e4r0qdLFbPUB7N9HAle0I3XgpisvyW751VHCqKUVOgQ==}
     peerDependencies:
       jspdf: ^2.5.1
     dependencies:
-      jspdf: 2.5.1
+      jspdf: 2.5.2
     dev: false
 
-  /jspdf@2.5.1:
-    resolution: {integrity: sha512-hXObxz7ZqoyhxET78+XR34Xu2qFGrJJ2I2bE5w4SM8eFaFEkW2xcGRVUss360fYelwRSid/jT078kbNvmoW0QA==}
+  /jspdf@2.5.2:
+    resolution: {integrity: sha512-myeX9c+p7znDWPk0eTrujCzNjT+CXdXyk7YmJq5nD5V7uLLKmSXnlQ/Jn/kuo3X09Op70Apm0rQSnFWyGK8uEQ==}
     dependencies:
-      '@babel/runtime': 7.22.6
+      '@babel/runtime': 7.26.0
       atob: 2.1.2
       btoa: 1.2.1
-      fflate: 0.4.8
+      fflate: 0.8.2
     optionalDependencies:
       canvg: 3.0.10
       core-js: 3.39.0
@@ -11020,7 +11064,7 @@ packages:
       '@types/d3-scale-chromatic': 3.0.3
       cytoscape: 3.30.3
       cytoscape-cose-bilkent: 4.1.0(cytoscape@3.30.3)
-      d3: 7.8.5
+      d3: 7.9.0
       d3-sankey: 0.12.3
       dagre-d3-es: 7.0.10
       dayjs: 1.11.10
@@ -11574,6 +11618,11 @@ packages:
     resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
     engines: {node: '>=10'}
 
+  /mrmime@2.0.0:
+    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
+    engines: {node: '>=10'}
+    dev: true
+
   /ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
     dev: false
@@ -12907,12 +12956,11 @@ packages:
 
   /regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
-    dev: false
 
   /regenerator-transform@0.15.2:
     resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
     dependencies:
-      '@babel/runtime': 7.22.6
+      '@babel/runtime': 7.26.0
     dev: true
 
   /regexp-tree@0.1.27:
@@ -13172,31 +13220,31 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /rollup@4.24.3:
-    resolution: {integrity: sha512-HBW896xR5HGmoksbi3JBDtmVzWiPAYqp7wip50hjQ67JbDz61nyoMPdqu1DvVW9asYb2M65Z20ZHsyJCMqMyDg==}
+  /rollup@4.25.0:
+    resolution: {integrity: sha512-uVbClXmR6wvx5R1M3Od4utyLUxrmOcEm3pAtMphn73Apq19PDtHpgZoEvqH2YnnaNUuvKmg2DgRd2Sqv+odyqg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     dependencies:
       '@types/estree': 1.0.6
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.24.3
-      '@rollup/rollup-android-arm64': 4.24.3
-      '@rollup/rollup-darwin-arm64': 4.24.3
-      '@rollup/rollup-darwin-x64': 4.24.3
-      '@rollup/rollup-freebsd-arm64': 4.24.3
-      '@rollup/rollup-freebsd-x64': 4.24.3
-      '@rollup/rollup-linux-arm-gnueabihf': 4.24.3
-      '@rollup/rollup-linux-arm-musleabihf': 4.24.3
-      '@rollup/rollup-linux-arm64-gnu': 4.24.3
-      '@rollup/rollup-linux-arm64-musl': 4.24.3
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.3
-      '@rollup/rollup-linux-riscv64-gnu': 4.24.3
-      '@rollup/rollup-linux-s390x-gnu': 4.24.3
-      '@rollup/rollup-linux-x64-gnu': 4.24.3
-      '@rollup/rollup-linux-x64-musl': 4.24.3
-      '@rollup/rollup-win32-arm64-msvc': 4.24.3
-      '@rollup/rollup-win32-ia32-msvc': 4.24.3
-      '@rollup/rollup-win32-x64-msvc': 4.24.3
+      '@rollup/rollup-android-arm-eabi': 4.25.0
+      '@rollup/rollup-android-arm64': 4.25.0
+      '@rollup/rollup-darwin-arm64': 4.25.0
+      '@rollup/rollup-darwin-x64': 4.25.0
+      '@rollup/rollup-freebsd-arm64': 4.25.0
+      '@rollup/rollup-freebsd-x64': 4.25.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.25.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.25.0
+      '@rollup/rollup-linux-arm64-gnu': 4.25.0
+      '@rollup/rollup-linux-arm64-musl': 4.25.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.25.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.25.0
+      '@rollup/rollup-linux-s390x-gnu': 4.25.0
+      '@rollup/rollup-linux-x64-gnu': 4.25.0
+      '@rollup/rollup-linux-x64-musl': 4.25.0
+      '@rollup/rollup-win32-arm64-msvc': 4.25.0
+      '@rollup/rollup-win32-ia32-msvc': 4.25.0
+      '@rollup/rollup-win32-x64-msvc': 4.25.0
       fsevents: 2.3.3
     dev: true
 
@@ -13467,6 +13515,15 @@ packages:
       mrmime: 1.0.1
       totalist: 3.0.1
 
+  /sirv@3.0.0:
+    resolution: {integrity: sha512-BPwJGUeDaDCHihkORDchNyyTvWFhcusy1XMmhEVTQTwGeybFbp8YEmB+njbPnth1FibULBSBVwCQni25XlCUDg==}
+    engines: {node: '>=18'}
+    dependencies:
+      '@polka/url': 1.0.0-next.28
+      mrmime: 2.0.0
+      totalist: 3.0.1
+    dev: true
+
   /sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
     dev: true
@@ -14027,6 +14084,15 @@ packages:
     dependencies:
       svelte: 4.1.2
 
+  /svelte-hmr@0.16.0(svelte@4.1.2):
+    resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0
+    dependencies:
+      svelte: 4.1.2
+    dev: true
+
   /svelte-jester@3.0.0(jest@29.7.0)(svelte@4.1.2):
     resolution: {integrity: sha512-V279cL906++hn00hkL1xAr/y5OjjxPYWic1g0yTJFmqdbdWKthdcuP3XBvmmwP9AzFBT51DlPgXz56HItle1Ug==}
     engines: {node: '>=16', pnpm: ^8.0.0}
@@ -15068,8 +15134,8 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vite@5.0.0:
-    resolution: {integrity: sha512-ESJVM59mdyGpsiNAeHQOR/0fqNoOyWPYesFto8FFZugfmhdHx8Fzd8sF3Q/xkVhZsyOxHfdM7ieiVAorI9RjFw==}
+  /vite@5.4.11:
+    resolution: {integrity: sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -15077,6 +15143,7 @@ packages:
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
+      sass-embedded: '*'
       stylus: '*'
       sugarss: '*'
       terser: ^5.4.0
@@ -15089,6 +15156,8 @@ packages:
         optional: true
       sass:
         optional: true
+      sass-embedded:
+        optional: true
       stylus:
         optional: true
       sugarss:
@@ -15096,9 +15165,9 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: 0.19.12
-      postcss: 8.4.32
-      rollup: 4.24.3
+      esbuild: 0.21.5
+      postcss: 8.4.47
+      rollup: 4.25.0
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
@@ -15113,7 +15182,7 @@ packages:
     dependencies:
       vite: 4.4.8(@types/node@18.11.10)(sass@1.64.2)
 
-  /vitefu@0.2.5(vite@5.0.0):
+  /vitefu@0.2.5(vite@5.4.11):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -15121,7 +15190,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 5.0.0
+      vite: 5.4.11
     dev: true
 
   /vscode-oniguruma@1.7.0:
@@ -15456,8 +15525,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  /zeptomail@6.0.0:
-    resolution: {integrity: sha512-RO7xOBGVGthxMK4IsOVWdkNUAxn1VGFer8Awo+t7KMaO/8xMgQtSGqFcjr48SeYbzDuw6U1FKfpRmeyXt7edOA==}
+  /zeptomail@6.1.0:
+    resolution: {integrity: sha512-0eyQ4NS6ktbQhQ9IIWXaCql8LOFPmp4Fk2J9KLOTGtklnZmidycPoWztD/icU/LBPrwAZBN7sRmErlYchUNdAg==}
     dependencies:
       node-fetch: 2.7.0
     transitivePeerDependencies: