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/org/[slug]/setup/+page.svelte

@@ -14,7 +14,7 @@
   const setupList = $derived(
     (data.setup || []).map((item) => {
       if (item.id === 'profile') {
-        item.is_completed = !$profile.avatar_url.includes('avatars/avatar.png');
+        item.is_completed = !$profile.avatarUrl?.includes('avatars/avatar.png');
       }
       return item;
     })
@@ -31,11 +31,11 @@
     PUBLISH_COURSE: 'publish'
   };
 
-  const isCompleted = (id) => {
+  const isCompleted = (id: string) => {
     return setupList?.find((c) => c.id === id)?.is_completed == true;
   };
 
-  const handleClick = (id) => {
+  const handleClick = (id: string) => {
     switch (id) {
       case StepsEnum.CREATE_COURSE:
         goto(`/org/${$currentOrg.siteName}/courses?create=true`);
@@ -86,7 +86,7 @@
       <h1 class="text-2xl md:text-3xl dark:text-white">{$t('setup.get_started')}</h1>
       <Chip
         value={`${completed}/${setupList.length}`}
-        className="text-[10px] font-semibold px-3 !py-1"
+        className="text-[10px] font-semibold px-3 py-1!"
         shape="rounded-full"
       />
     </div>
@@ -98,7 +98,7 @@
         >
           <div class={`flex-1 space-y-1 ${list.is_completed ? 'opacity-50' : ''}  lg:max-w-[50%]`}>
             <div class="flex items-center gap-3">
-              <Chip value={i + 1} className={`text-[10px] font-semibold !py-1 `} shape="rounded-full" />
+              <Chip value={i + 1} className="text-[10px] font-semibold py-1" shape="rounded-full" />
               <p class="text-lg font-medium">{$t(list.title)}</p>
             </div>
             <p class="text-sm">
@@ -108,7 +108,7 @@
           <div class="w-full lg:w-[30%]">
             <PrimaryButton
               variant={list.is_completed ? VARIANTS.CONTAINED_DARK : VARIANTS.OUTLINED}
-              className="!w-full font-normal text-sm flex items-center gap-2"
+              className="w-full font-normal text-sm flex items-center gap-2"
               onClick={() => handleClick(list.id)}
               isDisabled={list.is_completed}
             >