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/package.json

@@ -21,6 +21,7 @@
   "dependencies": {
     "@carbon/charts-svelte": "^1.13.6",
     "@cio/api": "workspace:*",
+    "@cio/ui": "workspace:*",
     "@lemonsqueezy/lemonsqueezy.js": "^2.2.0",
     "@lucide/svelte": "^0.545.0",
     "@polar-sh/sveltekit": "^0.2.1",
@@ -34,6 +35,7 @@
     "@types/pluralize": "0.0.30",
     "ai": "^2.1.31",
     "axios": "^1.8.4",
+    "bits-ui": "^2.14.1",
     "body-parser": "^1.20.2",
     "bufferutil": "^4.0.9",
     "canvas-confetti": "^1.6.0",
@@ -78,8 +80,10 @@
     "@babel/runtime": "^7.22.6",
     "@eslint/compat": "^1.4.0",
     "@eslint/js": "^9.36.0",
+    "@rollup/plugin-replace": "^6.0.2",
     "@sveltejs/kit": "^2.5.27",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@tailwindcss/postcss": "^4.1.14",
     "@tailwindcss/typography": "^0.5.9",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/svelte": "^4.0.5",
@@ -87,7 +91,6 @@
     "@types/lodash": "^4.14.196",
     "@types/node": "^20",
     "all-object-keys": "^2.2.0",
-    "autoprefixer": "^10.4.14",
     "babel-jest": "^29.7.0",
     "carbon-components-svelte": "^0.79.0",
     "diff": "^5.2.0",
@@ -107,7 +110,7 @@
     "svelte-jester": "^3.0.0",
     "svelte-loading-spinners": "^0.3.4",
     "svelte-preprocess": "^6.0.0",
-    "tailwindcss": "^3.3.2",
+    "tailwindcss": "^4.1.14",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.2",
     "@cio/tsconfig": "workspace:*",