✨ feat: impl accounts and channels

app/globals.css

@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Inter:wght@100..900&display=swap");
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "shadcn/tailwind.css";
@@ -5,8 +6,9 @@
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
-    --font-heading: var(--font-sans);
-    --font-sans: var(--font-sans);
+    --font-heading: var(--font-app-sans);
+    --font-sans: var(--font-app-sans);
+    --font-mono: var(--font-app-mono);
     --color-sidebar-ring: var(--sidebar-ring);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -48,6 +50,8 @@
 }
 
 :root {
+    --font-app-sans: "Inter", "Noto Sans SC", Arial, sans-serif;
+    --font-app-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
     --background: oklch(1 0 0);
     --foreground: oklch(0.145 0 0);
     --card: oklch(1 0 0);
@@ -129,4 +133,4 @@
   html {
     @apply font-sans;
     }
-}
+}