Move api in lower folder for better structure.

src/App.tsx

@@ -3,11 +3,11 @@ import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import { HomePage } from 'components/AuthUser/HomePage/HomePage';
 import { AuthUser } from 'components/AuthUser/AuthUser';
 import { LandingPage } from 'components/NonAuthUser/LandingPage/LandingPage';
-import { PrivateRoute } from 'components/api/PrivateRoute/PrivateRoute';
-import { AuthRoutes, NonAuthRoutes } from 'components/api/routes';
+import { PrivateRoute } from 'api/PrivateRoute/PrivateRoute';
+import { AuthRoutes, NonAuthRoutes } from 'api/routes';
 import { NotFound } from 'components/NonAuthUser/NotFound/NotFound';
-import { ProfilePage } from 'components/ProfilePage/ProfilePage';
-import { Roles } from 'components/api/userRoles';
+import { ProfilePage } from 'components/AuthUser/ProfilePage/ProfilePage';
+import { Roles } from 'api/userRoles';
 import { Unauthorized } from 'components/NonAuthUser/Unauthorized/Unauthorized';
 import axios from 'axios';
 
@@ -30,7 +30,7 @@ export const App: FC = () => {
       return null;
     };
     if (!isCookieFetched) fetchCookie();
-  }, []);
+  }, [isCookieFetched]);
 
   return (
     <Router>

src/components/api/PrivateRoute/PrivateRoute.tsx → src/api/PrivateRoute/PrivateRoute.tsx

 import React, { useState, useEffect } from 'react';
 import axios from 'axios';
 import { Route, Redirect, RouteProps } from 'react-router-dom';
-import { NonAuthRoutes } from 'components/api/routes';
+import { NonAuthRoutes } from 'api/routes';
 
 /**
  * A wrapper for <Route> that redirects to the login screen if you're not yet authenticated.