1  import { useRoutes } from "react-router-dom";
 2  import CssBaseline from "@mui/material/CssBaseline";
 3  
 4  import { MatxTheme } from "./components";
 5  
 6  import { AuthProvider } from "./contexts/JWTAuthContext";
 7  import SettingsProvider from "./contexts/SettingsContext";
 8  import PlatformProvider from "./contexts/PlatformContext";
 9  import { TeamBrandingProvider } from "./contexts/TeamBrandingContext";
10  import ErrorBoundary from "./components/ErrorBoundary";
11  
12  import routes from "./routes";
13  
14  export default function App() {
15    const content = useRoutes(routes);
16  
17    return (
18      <ErrorBoundary>
19        <PlatformProvider>
20          <SettingsProvider>
21            <AuthProvider>
22              <TeamBrandingProvider>
23                <MatxTheme>
24                  <CssBaseline />
25                  {content}
26                </MatxTheme>
27              </TeamBrandingProvider>
28            </AuthProvider>
29          </SettingsProvider>
30        </PlatformProvider>
31      </ErrorBoundary>
32    );
33  }