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/Question/ReasonBox.svelte

@@ -1,19 +1,23 @@
-<script>
+<script lang="ts">
   import { VARIANTS } from '../PrimaryButton/constants';
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
   import { t } from '$lib/utils/functions/translations';
   import { SkeletonPlaceholder, SkeletonText } from 'carbon-components-svelte';
 
-  export let reason = '';
-  export let isLoading = false;
-  export let rejectGrade = () => {};
-  export let acceptGrade = () => {};
+  interface Props {
+    reason?: string;
+    isLoading?: boolean;
+    rejectGrade?: any;
+    acceptGrade?: any;
+  }
+
+  let { reason = '', isLoading = false, rejectGrade = () => {}, acceptGrade = () => {} }: Props = $props();
 </script>
 
-<div class="border rounded-md">
+<div class="rounded-md border">
   {#if isLoading}
     <div class="flex w-full px-2 py-4">
-      <div class="w-full flex flex-row items-start space-x-4">
+      <div class="flex w-full flex-row items-start space-x-4">
         <img src="/ai.svg" alt="alt" class="animate-pulse" />
         <div class="w-full">
           <SkeletonText width="100%" paragraph lines={3} />
@@ -28,7 +32,7 @@
     <div class="flex items-start justify-between px-2 py-4">
       <div class="flex items-center space-x-4">
         <img src="/ai.svg" alt="alt" />
-        <p class="font-normal text-sm">
+        <p class="text-sm font-normal">
           {reason}
         </p>
       </div>