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/components/MediaPlaceHolder.svelte

@@ -1,30 +1,30 @@
 <script lang="ts">
-	import type { Icon } from '@lucide/svelte';
-	import type { Snippet } from 'svelte';
-	import { NodeViewWrapper } from 'svelte-tiptap';
+  import type { Icon } from '@lucide/svelte';
+  import type { Snippet } from 'svelte';
+  import { NodeViewWrapper } from 'svelte-tiptap';
 
-	interface Props {
-		icon?: typeof Icon;
-		title?: string;
-		onClick?: () => void;
-		class?: string;
-		children?: Snippet<[]>;
-	}
+  interface Props {
+    icon?: typeof Icon;
+    title?: string;
+    onClick?: () => void;
+    class?: string;
+    children?: Snippet<[]>;
+  }
 
-	const { icon, title, onClick, class: className = '', children }: Props = $props();
+  const { icon, title, onClick, class: className = '', children }: Props = $props();
 </script>
 
 <NodeViewWrapper
-	as="div"
-	contenteditable="false"
-	class={`media-placeholder ${className}`}
-	onclick={onClick}
-	style="user-select: none;"
+  as="div"
+  contenteditable="false"
+  class={`media-placeholder ${className}`}
+  onclick={onClick}
+  style="user-select: none;"
 >
-	{#if !children && icon && title}
-		{@const Icon = icon}
-		<Icon />
-		<div contenteditable="false">{title}</div>
-	{/if}
-	{@render children?.()}
+  {#if !children && icon && title}
+    {@const Icon = icon}
+    <Icon />
+    <div contenteditable="false">{title}</div>
+  {/if}
+  {@render children?.()}
 </NodeViewWrapper>