frontend/src/main.tsx

import React from "react";
import ReactDOM from "react-dom/client";

import App from "./App.jsx";
import { MantineProvider } from "@mantine/styles";
import UserDataContextProvider from "./context/user-data-context.jsx";

import "./index.css";

ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <MantineProvider
    theme={{
      colorScheme: "dark",
      fontFamily: "monospace",
      primaryColor: "lime",
    }}
  >
    <UserDataContextProvider>
      <App />
    </UserDataContextProvider>
  </MantineProvider>
);