feat: setup drizzle (#594)

* chore: migration to SvelteKit 2

* stage 1: migrate to svelte 5 and fix rerendering issues

* stage 2: fix more $: reactivity across dashboard

* fix merge conflicts

* chore: migrate code in main to svelte 5

* chore: update preventDefault

* chore: simplify tsconfig and remove unused mobileMenuRef in MobileMenu.svelte

* chore: enforce .ts across dashboard

* rename from classroomio-com to website

* stage-3: Replace carbon icon svelte with lucide icon

* update lock file

* chore: finish icon replacement

* fix: settings and setup page multiple rerender

* stage 3: More icon and rerendering fixes

* feat: setup drizzle and better auth

* fix: onboarding validation error showing translation key #586 (#593)

* fix: onboarding validation error showing translation key #586

* fix: remove debug log for profile update errors

* chore: add a clean command

* fix: remove message from email verification response

apps/dashboard/src/lib/components/AuthUI/index.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
-  import { page } from '$app/stores';
+  import { preventDefault } from '$lib/utils/functions/svelte';
+
+  import { page } from '$app/state';
   import Avatar from '$lib/components/Avatar/index.svelte';
   import { VARIANTS } from '$lib/components/PrimaryButton/constants';
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
@@ -8,15 +10,31 @@
   import type { SupabaseClient } from '@supabase/supabase-js';
   import GoogleIconColored from '../Icons/GoogleIconColored.svelte';
 
-  export let supabase: SupabaseClient;
-  export let handleSubmit = () => {};
-  export let isLogin = true;
-  export let showOnlyContent = false;
-  export let isLoading = false;
-  export let showLogo = false;
-  export let formRef;
-  export let hideGoogleAuth = false;
-  export let redirectPathname = '';
+  interface Props {
+    supabase: SupabaseClient;
+    handleSubmit?: any;
+    isLogin?: boolean;
+    showOnlyContent?: boolean;
+    isLoading?: boolean;
+    showLogo?: boolean;
+    formRef: any;
+    hideGoogleAuth?: boolean;
+    redirectPathname?: string;
+    children?: import('svelte').Snippet;
+  }
+
+  let {
+    supabase,
+    handleSubmit = () => {},
+    isLogin = true,
+    showOnlyContent = false,
+    isLoading = false,
+    showLogo = false,
+    formRef = $bindable(),
+    hideGoogleAuth = false,
+    redirectPathname = '',
+    children
+  }: Props = $props();
 
   async function signInWithGoogle() {
     if (isLoading) {
@@ -70,12 +88,8 @@
           </a>
         </div>
       {/if}
-      <form
-        bind:this={formRef}
-        on:submit|preventDefault={handleSubmit}
-        class="flex w-10/12 flex-col items-center"
-      >
-        <slot />
+      <form bind:this={formRef} onsubmit={preventDefault(handleSubmit)} class="flex w-10/12 flex-col items-center">
+        {@render children?.()}
       </form>
       {#if !showOnlyContent && !hideGoogleAuth}
         <div class="mb-3 w-10/12">
@@ -98,14 +112,10 @@
       <div class="border-grey w-full border-t p-6 text-center">
         {#if isLogin}
           {$t('login.not_registered_yet')}
-          <a class="text-primary-700 hover:underline" href="/signup{$page.url.search}"
-            >{$t('login.signup')}</a
-          >
+          <a class="text-primary-700 hover:underline" href="/signup{page.url.search}">{$t('login.signup')}</a>
         {:else}
           {$t('login.already_have_account')}
-          <a class="text-primary-700 hover:underline" href="/login{$page.url.search}"
-            >{$t('login.login')}</a
-          >
+          <a class="text-primary-700 hover:underline" href="/login{page.url.search}">{$t('login.login')}</a>
         {/if}
       </div>
     {/if}