feat: migrate auth from supabase to better auth (#596)

* feat: add README for @cio/db package and remove existingAccounts.json

* load session, load profile and organization, add create profile hook

* chore: cache session request

The trick was passing all the cookies to the backend. Previously I was only passing the better-auth.session_token and not better-auth.session_data. Read about the difference here https://www.better-auth.com/docs/concepts/cookies#custom-cookies

* feat: login, logout, onboarding, verify email, reset password.

* feat: complete change email and email verification

* feat: standardise how we make rpc calls and create org endpoints

* fix ui errors

* fix: handle potential undefined customerId and standardize avatar URL property

* refactor: standardize custom domain handling and update telegram chat ID references

* chore: add tailwind prefix to @cio/ui

this fixed the media query issues because  @cio/ui classes were overriding this dashboard tailwind build

* chore: clean up org sidebar

* chore: persist mode state

* feat: implement order breadcrumbs

* chore: upgrade to better auth 1.4

* chore: address common auth flow bugs and setup app for others to setup locally.

apps/dashboard/src/routes/courses/[id]/+layout.svelte

@@ -1,32 +1,9 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
-  import { sideBar } from '$lib/components/Org/store';
-  import hotkeys from 'hotkeys-js';
   interface Props {
     children?: import('svelte').Snippet;
   }
 
   let { children }: Props = $props();
-
-  function toggleSidebar() {
-    $sideBar.hidden = !$sideBar.hidden;
-  }
-
-  onMount(() => {
-    hotkeys('ctrl+b,command+b', function (event, handler) {
-      // Prevent default behavior
-      event.preventDefault();
-
-      console.log({ handlerKey: handler.key });
-
-      switch (handler.key) {
-        case 'ctrl+b':
-        case 'command+b':
-          toggleSidebar();
-          break;
-      }
-    });
-  });
 </script>
 
 {@render children?.()}

apps/dashboard/src/routes/courses/[id]/+page.svelte

@@ -48,7 +48,7 @@
       id: groupMember?.id || '',
       username: $profile.username || '',
       fullname: $profile.fullname || '',
-      avatar_url: $profile.avatar_url || ''
+      avatar_url: $profile.avatarUrl || ''
     };
   });
 

apps/dashboard/src/routes/courses/[id]/attendance/+page.svelte

@@ -7,7 +7,7 @@
   import BadgeXIcon from '@lucide/svelte/icons/badge-x';
 
   import { profile } from '$lib/utils/store/user';
-  import { ROLE } from '$lib/utils/constants/roles';
+  import { ROLE } from '@cio/utils/constants';
   import { globalStore } from '$lib/utils/store/app';
   import { t } from '$lib/utils/functions/translations';
   import { attendance } from '$lib/utils/store/attendance';

apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte

@@ -21,7 +21,7 @@
   import { LANGUAGES } from '$lib/utils/constants/translation';
   import { getGroupMemberId } from '$lib/components/Course/function';
   import { getIsLessonComplete } from '$lib/components/Course/components/Lesson/functions';
-  import { COURSE_VERSION, LOCALE, type Lesson, type LessonCompletion } from '$lib/utils/types';
+  import { COURSE_VERSION, type Lesson, type LessonCompletion } from '$lib/utils/types';
   import LessonVersionHistory from '$lib/components/Course/components/Lesson/LessonVersionHistory.svelte';
   import { checkExercisesComplete, fetchLesson, updateLessonCompletion } from '$lib/utils/services/courses';
   import { lesson, setLesson, lessons, lessonSections } from '$lib/components/Course/components/Lesson/store/lessons';
@@ -71,7 +71,7 @@
       lessonData,
       totalExercises,
       totalComments,
-      locale: $profile.locale
+      locale: $profile.locale || 'en'
     });
     $lesson.isFetching = false;
   }

apps/dashboard/src/routes/courses/[id]/people/+page.svelte

@@ -11,7 +11,7 @@
 
   import TextChip from '$lib/components/Chip/Text.svelte';
   import Avatar from '$lib/components/Avatar/index.svelte';
-  import ComingSoon from '$lib/components/ComingSoon/index.svelte';
+  import { ComingSoon } from '$lib/features/ui';
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
   import RoleBasedSecurity from '$lib/components/RoleBasedSecurity/index.svelte';
   import InvitationModal from '$lib/components/Course/components/People/InvitationModal.svelte';

apps/dashboard/src/routes/courses/[id]/people/[personId]/+page.svelte

@@ -12,7 +12,7 @@
   import type { UserCourseAnalytics } from '$lib/utils/types/analytics';
 
   import Progress from '$lib/components/Progress/index.svelte';
-  import Grid from '$lib/components/Org/Settings/Layout/Grid.svelte';
+  import { Grid } from '$lib/components/Org/Settings/Layout';
   import { ActivityCard, HeroProfileCard, LoadingPage } from '$lib/components/Analytics';
 
   let { data } = $props();