Redesigned UI

Fixed SQL query issues with server

client/src/main.jsx

@@ -1,10 +1,15 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { ChakraProvider, createSystem, defaultConfig } from "@chakra-ui/react"
 import './index.css'
 import App from './App.jsx'
 
+const system = createSystem(defaultConfig)
+
 createRoot(document.getElementById('root')).render(
   <StrictMode>
-    <App />
+    <ChakraProvider value={system}>
+      <App />
+    </ChakraProvider>
   </StrictMode>,
 )