feat(dashboard): Add Geist font style

packages/dashboard/src/main.tsx

@@ -17,12 +17,14 @@ function InnerApp() {
     const auth = useAuth();
     const extendedRouter = useExtendedRouter(router);
     const serverConfig = useServerConfig();
+
     useEffect(() => {
         if (!serverConfig) {
-            return document;
+            return;
         }
         setCustomFieldsMap(serverConfig.entityCustomFields);
     }, [serverConfig?.entityCustomFields]);
+
     return <RouterProvider router={extendedRouter} context={{ auth, queryClient }} />;
 }
 

packages/dashboard/src/styles.css

@@ -1,6 +1,8 @@
 @import 'tailwindcss';
 @import 'tw-animate-css';
 
+@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&display=swap');
+
 @custom-variant dark (&:is(.dark *));
 
 :root {
@@ -118,6 +120,8 @@
     --color-sidebar-foreground: var(--sidebar-foreground);
     --color-sidebar: var(--sidebar);
     --color-brand: #17c1ff;
+    --font-sans: 'Geist', sans-serif;
+    --font-mono: 'Geist Mono', monospace;
 }
 
 @layer base {