Upgrade react-router-dom to v6

Refactors things to new syntax while not changing anything

frontend/src/components/requireAuth/index.tsx

-import React from 'react'
-import { Route, RouteProps, useLocation, useHistory } from 'react-router-dom'
-
 import { setCookie } from 'utils'
 import { useUserContext } from 'contexts'
+import { useLocation, Navigate } from 'react-router-dom'
 
-interface IProtectedRoute extends RouteProps {
-  children: React.ReactNode
-}
-
-function ProtectedRoute({ children, ...rest }: IProtectedRoute) {
-  // Simple protected route component
+const isAuthenticated = () => {
   const { user } = useUserContext()
 
-  if ( !user.auth ) {
+  if (!user.auth) {
     const location = useLocation()
-    const history = useHistory()
     setCookie('redirect', location.pathname)
-    history.push('/')
+    return false
   }
-
-  return (
-    <Route {...rest}>
-      {children}
-    </Route>
-  )
+  return true
 }
 
-export default ProtectedRoute
+const RequireAuth = ({ children }: { children: JSX.Element }) =>
+  isAuthenticated() ? children : <Navigate to="/" />
+
+export default RequireAuth