frontend/src/App.js

@@ -1,23 +0,0 @@
-import MainPage from './pages/MainPage';
-import { createTheme, ThemeProvider } from '@mui/material/styles';
-
-function App() {
-  const darkTheme = createTheme({
-    palette: {
-      mode: 'dark',
-    },
-    typography: {
-      fontFamily: 'Poppins, sans-serif',
-    },
-  });
-
-  return (
-    <div className="App">
-      <ThemeProvider theme={darkTheme}>
-        <MainPage />
-      </ThemeProvider>
-    </div>
-  );
-}
-
-export default App;

frontend/src/App.test.js

@@ -1,8 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});

frontend/src/index.js

@@ -1,26 +1,45 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
 import reportWebVitals from './reportWebVitals';
 import {
   createBrowserRouter,
   RouterProvider,
 } from 'react-router-dom';
+import MainPage from './pages/MainPage';
 
 // Styles
 import './assets/styles/main.scss';
 import 'bootstrap/dist/css/bootstrap.min.css';
+import RegisterPage from './pages/RegisterPage';
 
 const router = createBrowserRouter([
   {
     path: "/",
-    element: <App />
+    element: <MainPage />,
   },
-])
+  {
+    path: "/register",
+    element: <RegisterPage />,
+  },
+]);
+
+const darkTheme = createTheme({
+  palette: {
+    mode: 'dark',
+  },
+  typography: {
+    fontFamily: 'Poppins, sans-serif',
+  },
+});
 
 ReactDOM.render(
   <React.StrictMode>
+    <div className="App">
+      <ThemeProvider theme={darkTheme}>
         <RouterProvider router={router} />
+      </ThemeProvider>
+    </div>
   </React.StrictMode>,
   document.getElementById('root')
 );

frontend/src/pages/RegisterPage.jsx

@@ -0,0 +1,5 @@
+const RegisterPage = () => {
+  return <></>;
+};
+
+export default RegisterPage;