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/courses/[id]/landingpage/+page.svelte

@@ -1,41 +1,40 @@
 <script lang="ts">
-  import { dev } from '$app/environment';
   import { fly } from 'svelte/transition';
   import { course } from '$lib/components/Course/store';
-  import type { Course, Lesson, LessonSection } from '$lib/utils/types';
+  import type { Course } from '$lib/utils/types';
   import { lessons, lessonSections } from '$lib/components/Course/components/Lesson/store/lessons';
+  import { CourseContainer } from '$lib/components/CourseContainer';
 
   import CourseLandingPage from '$lib/components/CourseLandingPage/index.svelte';
   import Editor from '$lib/components/CourseLandingPage/components/Editor/index.svelte';
 
-  export let data;
+  let { data } = $props();
 
   const { courseId } = data;
 
-  let courseData: Course = $course;
-
-  function setCourseData(course: Course, lessons: Lesson[], lesson_section: LessonSection[]) {
-    courseData = { ...course, lessons, lesson_section };
-  }
+  let courseData: Course = $derived({
+    ...$course,
+    $lessons,
+    $lessonSections
+  });
 
   function syncCourseStore(_courseData: Course) {
     $course = _courseData;
   }
-
-  $: setCourseData($course, $lessons, $lessonSections);
-  $: dev && console.log('courseData changed', courseData);
 </script>
 
-<div
-  class="absolute flex inset-0 z-50 bg-white"
-  in:fly={{ y: 500, duration: 500 }}
-  out:fly={{ y: 500, duration: 500 }}
->
-  <Editor {courseId} bind:course={courseData} {syncCourseStore} />
-  <div class="rightBar">
-    <CourseLandingPage bind:courseData editMode={true} />
+<CourseContainer {courseId} renderOnlyChildren={true}>
+  <div
+    class="absolute inset-0 z-50 flex bg-white"
+    in:fly={{ y: 500, duration: 500 }}
+    out:fly={{ y: 500, duration: 500 }}
+  >
+    <Editor {courseId} bind:course={courseData} {syncCourseStore} />
+    <div class="rightBar">
+      <CourseLandingPage bind:courseData editMode={true} />
+    </div>
   </div>
-</div>
+</CourseContainer>
 
 <style>
   .rightBar {