Divide components between auth and nonauth for coherence.

src/App.tsx

 import React, { FC, useEffect, useState } from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-import { HomePage } from 'components/HomePage/HomePage';
+import { HomePage } from 'components/AuthUser/HomePage/HomePage';
 import { AuthUser } from 'components/AuthUser/AuthUser';
-import { LandingPage } from 'components/LandingPage/LandingPage';
+import { LandingPage } from 'components/NonAuthUser/LandingPage/LandingPage';
 import { PrivateRoute } from 'components/api/PrivateRoute/PrivateRoute';
 import { AuthRoutes, NonAuthRoutes } from 'components/api/routes';
-import { NotFound } from 'components/NotFound/NotFound';
+import { NotFound } from 'components/NonAuthUser/NotFound/NotFound';
 import { ProfilePage } from 'components/ProfilePage/ProfilePage';
 import { Roles } from 'components/api/userRoles';
-import { Unauthorized } from 'components/Unauthorized/Unauthorized';
+import { Unauthorized } from 'components/NonAuthUser/Unauthorized/Unauthorized';
 import axios from 'axios';
 
 const configDjangoCookieName = (): void => {