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/app.css

@@ -10,21 +10,6 @@ html {
   --scrollbarBG: #fff;
   --thumbBG: #ccc;
   scroll-behavior: smooth;
-  font-family:
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    Segoe UI,
-    Roboto,
-    Helvetica Neue,
-    Arial,
-    Noto Sans,
-    sans-serif,
-    'Apple Color Emoji',
-    'Segoe UI Emoji',
-    Segoe UI Symbol,
-    'Noto Color Emoji' !important;
 }
 
 #calendar .grid {
@@ -146,7 +131,6 @@ svg.lucide-icon:not(.custom) {
 }
 
 @keyframes shake {
-
   10%,
   90% {
     transform: translate3d(-15px, 0, 0);
@@ -828,7 +812,6 @@ svg.lucide-icon:not(.custom) {
 }
 
 @keyframes shakeAnnouncement {
-
   0%,
   100% {
     transform: translateX(0);
@@ -936,7 +919,6 @@ svg.lucide-icon:not(.custom) {
 }
 
 @keyframes gradeGlow {
-
   0%,
   100% {
     transform: scale(1);
@@ -950,7 +932,6 @@ svg.lucide-icon:not(.custom) {
 }
 
 @keyframes peopleWave {
-
   0%,
   100% {
     transform: rotate(0deg) scale(1);
@@ -997,7 +978,6 @@ svg.lucide-icon:not(.custom) {
 }
 
 @keyframes screenGlow {
-
   0%,
   100% {
     transform: scale(1);
@@ -1171,4 +1151,4 @@ svg.lucide-icon:not(.custom) {
   100% {
     transform: scale(1) rotate(0deg);
   }
-}
+}