feat: migrate dashboard to svelte 5 (#577)

* 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: checkpoint

* feat: update editor

* [not working] connect everything with ui build

* storybook + ui + dashboard all working independently

* add bg-black to +page.svelte

* feat: add editor to storybook

* chore: animate lucid icons (#590)

* v1 animations

* feat: change some course navigation icons & animate org navigation icons

* chore: change settings icon

* chore: use css instead of js for hover

* rename animations

---------

Co-authored-by: tunny17 <tvnji01@gmail.com>

* chore: update path to node_modules types in api tsconfig

* fix: update import path for DropdownMenu component

* fix: add rollupOptions to build configuration in vite.config.ts

* fix: remove rollupOptions from build configuration and add @floating-ui/dom dependency

* install

---------

Co-authored-by: tunny17 <tvnji01@gmail.com>

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

@@ -34,11 +34,6 @@
     emptyDescription = $t('courses.course_card.empty_description'),
     isExplore = false
   }: Props = $props();
-  
-  export let courses: Course[] = [];
-  export let emptyTitle = $t('courses.course_card.empty_title');
-  export let emptyDescription = $t('courses.course_card.empty_description');
-  export let isExplore = false;
 
   function calcProgressRate(progressRate?: number, totalLessons?: number): number {
     if (!progressRate || !totalLessons) {
@@ -55,19 +50,19 @@
 
     try {
       await deleteCourse($deleteCourseModal.id);
-      
+
       // Remove the course from the courses store
-      $coursesStore = $coursesStore.filter(course => course.id !== $deleteCourseModal.id);
-      
+      $coursesStore = $coursesStore.filter((course) => course.id !== $deleteCourseModal.id);
+
       // Show success message
       snackbar.success('snackbar.course_deleted');
-      
+
       // Close modal and reset state
       deleteCourseModal.set(deleteCourseModalInitialState);
     } catch (error) {
       console.error('Error deleting course:', error);
       snackbar.error('snackbar.course_settings.error.went_wrong');
-      
+
       // Stop deleting state on error
       $deleteCourseModal.isDeleting = false;
     }
@@ -75,8 +70,8 @@
 </script>
 
 <CopyCourseModal />
-<DeleteModal 
-  onDelete={handleDeleteCourse} 
+<DeleteModal
+  onDelete={handleDeleteCourse}
   bind:open={$deleteCourseModal.open}
   isLoading={$deleteCourseModal.isDeleting}
 />