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/lib/components/Analytics/HeroProfileCard.svelte

@@ -3,28 +3,32 @@
   import { calDateDiff } from '$lib/utils/functions/date';
   import { t } from '$lib/utils/functions/translations';
   import type { UserAnalytics } from '$lib/utils/types/analytics';
-  import Alarm from 'carbon-icons-svelte/lib/Alarm.svelte';
-  import Email from 'carbon-icons-svelte/lib/Email.svelte';
+  import AlarmClockIcon from '@lucide/svelte/icons/alarm-clock';
+  import MailIcon from '@lucide/svelte/icons/mail';
 
-  export let user: UserAnalytics['user'];
+  interface Props {
+    user: UserAnalytics['user'];
+  }
+
+  let { user }: Props = $props();
 </script>
 
 <div class="rounded-md border p-5 dark:border-neutral-600">
   <div class="flex w-full flex-col items-center justify-start gap-4 text-start md:flex-row">
     <Avatar src={user.avatarUrl} name={user.fullName} width="w-16" height="h-16" />
     <div class="flex flex-col space-y-2">
-      <p class="text-center text-2xl font-bold dark:text-white md:text-left">
+      <p class="text-center text-2xl font-bold md:text-left dark:text-white">
         {user.fullName}
       </p>
 
       <div class="flex flex-col items-center gap-1 md:flex-row md:gap-4">
         <p class="flex items-center gap-1 text-sm text-gray-500 dark:text-gray-300">
-          <Email />
+          <MailIcon size={16} />
           {user.email}
         </p>
 
         <p class="flex items-center gap-1 text-sm text-gray-500 dark:text-gray-300">
-          <Alarm />
+          <AlarmClockIcon size={16} />
           {$t('analytics.last_seen')}:
           <span class="italic">
             {user.lastSeen ? calDateDiff(user.lastSeen) : $t('analytics.a_while_ago')}