Web-Frontend/client/src/main.jsx

import { ChakraProvider } from '@chakra-ui/react';
import { ColorModeProvider } from '@/components/ui/color-mode';
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>
    <ChakraProvider value={system}>
      <ColorModeProvider>
        <App />
      </ColorModeProvider>
    </ChakraProvider>
  </StrictMode>,
)