React Backoffice Frontend Guide

import React from 'react';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import { ThemeProvider } from './hooks/useTheme';
import Dashboard from './features/Dashboard';
import GamesModule from './features/GamesModule';
import BrandsModule from './features/BrandsModule';
import RegulationModule from './features/RegulationModule';
import PlayersModule from './features/PlayersModule';
import GameSessions from './features/GameSessions';
import Bets from './features/Bets';
import ErroredBets from './features/ErroredBets';
import AdminUsers from './features/AdminUsers';
import './App.css';

function App() {
  return (
    <ThemeProvider>
      <Router>
        <div className="App">
          <Routes>
            <Route path="/" element={<Dashboard />} />
            <Route path="/games" element={<GamesModule />} />
            <Route path="/brands" element={<BrandsModule />} />
            <Route path="/regulation" element={<RegulationModule />} />
            <Route path="/players" element={<PlayersModule />} />
            <Route path="/game-sessions" element={<GameSessions />} />
            <Route path="/bets" element={<Bets />} />
            <Route path="/errored-bets" element={<ErroredBets />} />
            <Route path="/admin-users" element={<AdminUsers />} />
          </Routes>
        </div>
      </Router>
    </ThemeProvider>
  );
}

export default App;