Add redirects for /login and /register paths to Clerk auth pages

__mocks__/@clerk/clerk-react.tsx

@@ -12,6 +12,10 @@ export function RedirectToSignIn(): JSX.Element {
 	return <div>Redirecting...</div>;
 }
 
+export function RedirectToSignUp(): JSX.Element {
+	return <div>Redirecting...</div>;
+}
+
 export function SignedIn(): JSX.Element {
 	return <div>Signed In</div>;
 }

src/App.tsx

@@ -1,7 +1,11 @@
 import './App.scss';
 import 'react-toastify/dist/ReactToastify.css';
 
-import { ClerkProvider } from '@clerk/clerk-react';
+import {
+	ClerkProvider,
+	RedirectToSignIn,
+	RedirectToSignUp,
+} from '@clerk/clerk-react';
 import { dark } from '@clerk/themes';
 import { Alert, Box, Container, Link, Stack } from '@mui/material';
 import { useEffect, useRef, useState } from 'react';
@@ -118,6 +122,10 @@ export function App(): JSX.Element {
 										element={<Register />}
 									/>
 
+									<Route path={'/login'} element={<RedirectToSignIn />} />
+
+									<Route path={'/register'} element={<RedirectToSignUp />} />
+
 									<Route
 										path={'/'}
 										element={