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/lib/components/Courses/components/Card/Loader.svelte

@@ -2,27 +2,22 @@
   import { Skeleton } from '@cio/ui/base/skeleton';
 </script>
 
-<div class="root relative mb-4 mr-4 w-72 rounded-md border bg-gray-100 transition ease-in-out dark:bg-black">
-  <Skeleton class="h-40 w-full" />
-  <div class="p-3 pb-0">
+<div class="mb-4 mr-4 h-[370px] w-72 rounded-md border bg-gray-100 p-2 transition ease-in-out dark:bg-black">
+  <Skeleton class="h-[45%] w-full" />
+  <div class="flex h-[50%] flex-col justify-between pb-2 pt-4">
     <!-- Title -->
     <Skeleton class="h-4 w-2/4" />
 
     <!-- Description -->
-    <Skeleton class="h-4 w-2/4" />
-    <Skeleton class="h-4 w-2/4" />
-    <Skeleton class="mt-4 h-4 w-full" />
-    <Skeleton class="mb-4 h-4 w-full" />
+    <div class="mb-6 mt-4 flex flex-col gap-2">
+      <Skeleton class=" h-4 w-full" />
+      <Skeleton class=" h-4 w-full" />
+      <Skeleton class=" h-4 w-full" />
+    </div>
 
-    <div class="mb-3 flex justify-between">
+    <div class="flex justify-between">
+      <Skeleton class="h-4 w-1/4" />
       <Skeleton class="h-4 w-1/4" />
     </div>
-    <Skeleton class="h-4 w-1/4" />
   </div>
 </div>
-
-<style>
-  .root {
-    min-height: 370px;
-  }
-</style>