OV-44: * import corrections

frontend/src/bundles/common/components/components.ts

@@ -3,6 +3,7 @@ export { Header } from './header/header.js';
 export { Input } from './input/input.js';
 export { Link } from './link/link.js';
 export { Loader } from './loader/loader.js';
+export { NotFound } from './not-found/not-found.js';
 export { Overlay } from './overlay/overlay.js';
 export { RouterProvider } from './router-provider/router-provider.js';
 export { VideoModal } from './video-modal/video-modal.js';

frontend/src/bundles/common/hooks/hooks.ts

@@ -3,4 +3,4 @@ export { useAppForm } from './use-app-form/use-app-form.hook.js';
 export { useAppSelector } from './use-app-selector/use-app-selector.hook.js';
 export { useField as useFormField } from 'formik';
 export { useCallback, useEffect, useMemo, useState } from 'react';
-export { useLocation } from 'react-router-dom';
+export { Navigate, useLocation } from 'react-router-dom';

frontend/src/router/components/protected-route.tsx

@@ -1,13 +1,9 @@
-import { Navigate } from 'react-router-dom';
-
 import { RouterOutlet } from '~/bundles/common/components/components.js';
 import { AppRoute } from '~/bundles/common/enums/app-route.enum.js';
-// import { useAppSelector } from '~/bundles/common/hooks/hooks.js';
+import { Navigate } from '~/bundles/common/hooks/hooks.js';
 
 const ProtectedRoute: React.FC = () => {
-    // const user = useAppSelector((state) => state.auth.user);
-
-    // TODO: for implementing persistence. The following line is temporary
+    // TODO: When persistence is implemented, the user will be taken from the store. The following line is temporary
     const user = true;
 
     if (!user) {

frontend/src/router/routes.tsx

@@ -1,5 +1,5 @@
 import { App } from '~/app/app.js';
-import { AppRoute } from '~/bundles/common/enums/app-route.enum.js';
+import { AppRoute } from '~/bundles/common/enums/enums.js';
 
 import { protectedRoutes } from './routes/protected-routes.js';
 import { publicRoutes } from './routes/public-routes.js';

frontend/src/router/routes/protected-routes.tsx

@@ -1,5 +1,5 @@
-import { NotFound } from '~/bundles/common/components/not-found/not-found.js';
-import { AppRoute } from '~/bundles/common/enums/app-route.enum.js';
+import { NotFound } from '~/bundles/common/components/components.js';
+import { AppRoute } from '~/bundles/common/enums/enums.js';
 import { Studio } from '~/bundles/studio/pages/studio.js';
 
 import { ProtectedRoute } from '../components/protected-route.js';
@@ -8,7 +8,6 @@ const protectedRoutes = {
     path: AppRoute.ROOT,
     element: <ProtectedRoute />,
     children: [
-        //TODO Add protected routes here in element property and specify the correct path
         {
             path: AppRoute.STUDIO,
             element: <Studio />,