frontend/my-app/src/main.jsx

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import { ThemeProvider, CssBaseline } from '@mui/material'
import theme from './styles/theme/theme'
import { BrowserRouter } from 'react-router-dom'
import UserContextProvider from './contexts/UserContext'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <UserContextProvider>
      <BrowserRouter>
      <App />
      </BrowserRouter>
      </UserContextProvider>
    </ThemeProvider>
  </React.StrictMode>
)