feat: setup dashboard

- Setup basic code structure
- Add routes
- Add layout components for authentication and dashboard pages
- Add session handling
- Add login, signup and session

dashboard/src/App.tsx

@@ -1,14 +1,44 @@
-import * as React from 'react';
-import { Text, ChakraProvider } from '@chakra-ui/react';
-import { MdStar } from 'react-icons/md';
-import { BrowserRouter } from 'react-router-dom';
+import * as React from "react";
+import {   ChakraProvider, extendTheme } from "@chakra-ui/react";
+import { BrowserRouter } from "react-router-dom";
+import { createClient, Provider } from "urql";
+import {AppRoutes} from './routes'
+import { AuthContainer } from "./containers/AuthContainer";
 
-export default function Example() {
-	return (
-		<ChakraProvider>
-			<BrowserRouter>
-				<h1>Dashboard</h1>
-			</BrowserRouter>
-		</ChakraProvider>
-	);
+const queryClient = createClient({
+  url: "/graphql",
+  fetchOptions: () => {
+    return {
+      credentials: "include",
+    };
+  },
+});
+
+const theme = extendTheme({
+  styles: {
+    global: {
+      "html, body, #root": {
+        height: "100%",
+      },
+    },
+  },
+  colors: {
+    blue: {
+      500: "rgb(59,130,246)",
+    },
+  },
+});
+
+export default function App() {
+  return (
+    <ChakraProvider theme={theme}>
+      <Provider value={queryClient}>
+        <BrowserRouter basename="/dashboard">
+          <AuthContainer>
+            <AppRoutes />
+          </AuthContainer>
+        </BrowserRouter>
+      </Provider>
+    </ChakraProvider>
+  );
 }