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 <[email protected]>

* 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 <[email protected]>

apps/dashboard/src/lib/utils/functions/routes/dashboard.ts

@@ -52,3 +52,19 @@ export const formatDate = (_selectedDate: string | undefined): string => {
 
   return selectedDate.format('ddd, MMM D');
 };
+
+export function clickOutside(node) {
+  const handleClick = (event) => {
+    if (node && !node.contains(event.target) && !event.defaultPrevented) {
+      node.dispatchEvent(new CustomEvent('click:outside', { detail: event.target }));
+    }
+  };
+
+  document.addEventListener('click', handleClick, true);
+
+  return {
+    destroy() {
+      document.removeEventListener('click', handleClick, true);
+    }
+  };
+}

apps/dashboard/src/lib/utils/functions/validator.ts

@@ -158,9 +158,7 @@ export const orgLandingpageValidation = (fields = {}) => {
 export const onboardingValidation = (fields = {}, step) => {
   const onboardingValidationSchema = {
     stepOne: z.object({
-      fullname: z
-        .string()
-        .min(5, { message: `${t.get('validations.onboarding.step_one.full_name.min_char')}` }),
+      fullname: z.string().min(5, { message: `${t.get('validations.onboarding.step_one.full_name.min_char')}` }),
       orgName: getOrgNameValidation(),
       siteName: getSiteNameValidation()
     }),
@@ -178,8 +176,7 @@ export const onboardingValidation = (fields = {}, step) => {
     })
   };
 
-  const schema =
-    step === 1 ? onboardingValidationSchema.stepOne : onboardingValidationSchema.stepTwo;
+  const schema = step === 1 ? onboardingValidationSchema.stepOne : onboardingValidationSchema.stepTwo;
   const { error } = schema.safeParse(fields);
 
   return processErrors(error);