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/Org/Quiz/Play/ConnectToPlay.svelte

@@ -9,7 +9,7 @@
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
   import { VARIANTS } from '$lib/components/PrimaryButton/constants';
 
-  let isGettingPin = true;
+  let isGettingPin = $state(true);
 
   function getPin() {
     setTimeout(() => {
@@ -28,27 +28,33 @@
 </script>
 
 <PlayContainer>
-  <div slot="header">
-    <PlayHeader startCount={true} showCountDown={true} />
-  </div>
-
-  <div slot="body" class="w-full rounded-md bg-white dark:bg-neutral-800 py-7 px-5">
-    <div class="mb-3">
-      <p>1. Visit</p>
-      <h3>play.classroomio.com</h3>
+  {#snippet header()}
+    <div>
+      <PlayHeader startCount={true} showCountDown={true} />
     </div>
-    <div class="">
-      <p>2. Enter Pin</p>
-      {#if isGettingPin}
-        <SyncLoader size="50" color="#1d4ed8" unit="px" duration="1s" />
-      {:else}
-        <h3>{$quizStore.pin}</h3>
-      {/if}
-    </div>
-  </div>
+  {/snippet}
 
-  <div slot="footer" class="flex justify-center items-center">
-    <p class="font-bold mr-3">Let's go</p>
-    <PrimaryButton label="View Players" variant={VARIANTS.OUTLINED} onClick={goToPlayersStep} />
-  </div>
+  {#snippet body()}
+    <div class="w-full rounded-md bg-white px-5 py-7 dark:bg-neutral-800">
+      <div class="mb-3">
+        <p>1. Visit</p>
+        <h3>play.classroomio.com</h3>
+      </div>
+      <div class="">
+        <p>2. Enter Pin</p>
+        {#if isGettingPin}
+          <SyncLoader size="50" color="#1d4ed8" unit="px" duration="1s" />
+        {:else}
+          <h3>{$quizStore.pin}</h3>
+        {/if}
+      </div>
+    </div>
+  {/snippet}
+
+  {#snippet footer()}
+    <div class="flex items-center justify-center">
+      <p class="mr-3 font-bold">Let's go</p>
+      <PrimaryButton label="View Players" variant={VARIANTS.OUTLINED} onClick={goToPlayersStep} />
+    </div>
+  {/snippet}
 </PlayContainer>