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/routes/org/[slug]/+layout.svelte

@@ -1,5 +1,5 @@
-<script>
-  import { page } from '$app/stores';
+<script lang="ts">
+  import { page } from '$app/state';
   import AddOrgModal from '$lib/components/Org/AddOrgModal/AddOrgModal.svelte';
   import { isQuizPage } from '$lib/utils/functions/app';
   import OrgSideBar from '$lib/components/Org/SideBar.svelte';
@@ -8,29 +8,31 @@
   import { currentOrg } from '$lib/utils/store/org';
   import { goto } from '$app/navigation';
 
-  export let data;
+  let { data, children } = $props();
 
-  let ref = null;
-
-  $: if ($currentOrg.id && data.orgName === '*') {
-    const newUrl = $page.url.pathname.replace('*', $currentOrg.siteName);
-    goto(newUrl + $page.url.search);
+  function redirect(siteName: string) {
+    const newUrl = page.url.pathname.replace('*', siteName);
+    goto(newUrl + page.url.search);
   }
+
+  $effect(() => {
+    data.orgName === '*' && redirect($currentOrg.siteName);
+  });
 </script>
 
 <AddOrgModal />
 
 <VerifyEmailModal />
 
-<div class="org-root w-full flex items-center justify-between">
-  {#if !isQuizPage($page.url?.pathname)}
+<div class="org-root flex w-full items-center justify-between">
+  {#if !isQuizPage(page.url?.pathname)}
     <OrgSideBar />
   {/if}
-  <div class="org-slot bg-white dark:bg-black w-full">
+  <div class="org-slot w-full bg-white dark:bg-black">
     {#if data.orgName === '*'}
       <Box>Taking you to your organization...</Box>
     {:else}
-      <slot />
+      {@render children?.()}
     {/if}
   </div>
 </div>