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/app.html

@@ -1,33 +1,31 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <meta name="theme-color" content="#333333" />
 
-    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />
-    <link rel="icon" type="image/png" href="/favicon.ico" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />
-    <link rel="stylesheet" href="https://cdn.plyr.io/3.7.3/plyr.css" />
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <meta name="theme-color" content="#333333" />
 
-    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />
-    <link rel="icon" type="image/png" href="/favicon.ico" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />
-    <link rel="stylesheet" href="https://cdn.plyr.io/3.7.3/plyr.css" />
-    <link rel="stylesheet" href="https://assets.cdn.clsrio.com/carbon.css" />
+  <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />
+  <link rel="icon" type="image/png" href="/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />
+  <link rel="stylesheet" href="https://cdn.plyr.io/3.7.3/plyr.css" />
 
-    <script
-      defer
-      src="https://umami.hz.oncws.com/script.js"
-      data-website-id="80a9544a-4dda-4c91-b62f-b6be7a8a3b5c"
-    ></script>
+  <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />
+  <link rel="icon" type="image/png" href="/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />
+  <link rel="stylesheet" href="https://cdn.plyr.io/3.7.3/plyr.css" />
 
-    <script src="https://cdn.plyr.io/3.7.3/plyr.js"></script>
+  <script defer src="https://umami.hz.oncws.com/script.js"
+    data-website-id="80a9544a-4dda-4c91-b62f-b6be7a8a3b5c"></script>
 
-    %sveltekit.head%
-  </head>
+  <script src="https://cdn.plyr.io/3.7.3/plyr.js"></script>
 
-  <body data-sveltekit-preload-data="hover" class="">
-    <div style="display: contents">%sveltekit.body%</div>
-  </body>
-</html>
+  %sveltekit.head%
+</head>
+
+<body data-sveltekit-preload-data="hover" class="">
+  <div style="display: contents">%sveltekit.body%</div>
+</body>
+
+</html>