quick fix

changed theme.js to use chakras new way to create a theme in v3+

client/src/theme.js

@@ -1,14 +1,18 @@
-import { extendTheme } from "@chakra-ui/react";
+import { createSystem, defaultConfig, defineConfig } from "@chakra-ui/react";
 
-const theme = extendTheme({
-  semanticTokens: {
-    colors: {
-      primary: {
-        defualt: 'white',
-        _dark: 'grey.800'
+const config = defineConfig({
+  theme: {
+    tokens: {
+      colors: {
+        primaryBG: { value: {base: "#FFFFF", _dark: "AAB8C5"} },
+        secondaryBG: { value: "#EDF1F1" },
+        border: {value: "#000000"}
       },
-    },
-  },
+      fonts: {
+        body: { value: "georgia, system-ui, sans-serif" },
+      },
+    }
+  }
 });
 
-export default theme;
+export const system = createSystem(defaultConfig, config);