quick fix

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

client/src/main.jsx

@@ -1,16 +1,16 @@
-import { Provider } from "./components/ui/provider"
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './css/index.css'
-import 'react-grid-layout/css/styles.css'
-import 'react-resizable/css/styles.css'
-import App from './App.jsx'
-import theme from './theme.js'
+import { ChakraProvider } from '@chakra-ui/react';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import './css/index.css';
+import 'react-grid-layout/css/styles.css';
+import 'react-resizable/css/styles.css';
+import App from './App.jsx';
+import { system } from './theme.js';
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
-    <Provider theme={theme}>
+    <ChakraProvider value={system}>
       <App />
-    </Provider>
+    </ChakraProvider>
   </StrictMode>,
 )