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.

packages/ui/src/custom/editor/editor.svelte

@@ -122,12 +122,17 @@
 </script>
 
 {#if browser}
-  <div class={cn('bg-background z-50 flex size-full w-full flex-col rounded-md border border-dashed', className)}>
+  <div
+    class={cn(
+      'ui:bg-background ui:z-50 ui:flex ui:size-full ui:w-full ui:flex-col ui:rounded-md ui:border ui:border-dashed',
+      className
+    )}
+  >
     {#if editor && !editor.isDestroyed}
       {#if showToolBar}
         <div transition:slide>
           <EdraToolBar
-            class="bg-secondary/50 flex w-full items-center overflow-x-auto border-b border-dashed p-0.5"
+            class="ui:bg-secondary/50 ui:flex ui:w-full ui:items-center ui:overflow-x-auto ui:border-b ui:border-dashed ui:p-0.5"
             {editor}
           />
         </div>
@@ -137,7 +142,7 @@
       <EdraDragHandleExtended {editor} />
     {/if}
     <EdraEditor
-      class={cn('h-[32rem] overflow-auto p-4', editorClass)}
+      class={cn('ui:h-128 ui:overflow-auto ui:p-4', editorClass)}
       bind:editor
       {editable}
       {content}