Provisorially add token and role to sessionStorage when calls axios

It should be re-implemented using react context

src/components/AuthUser/AuthUser.tsx

@@ -16,6 +16,8 @@ export const AuthUser: FC = () => {
       .get('api/web/csrf')
       .then((response) => {
         axios.defaults.headers.common['X-CSRFTOKEN'] = response.data.token;
+        sessionStorage.setItem('X-CSRFTOKEN', response.data.token);
+        sessionStorage.setItem('ROLE', 'admin');
       })
       .catch((error) => error);
   }, []);

src/components/api/PrivateRoute/PrivateRoute.tsx

@@ -18,8 +18,9 @@ export const PrivateRoute = ({
   path,
   requiredRoles,
 }: Props): JSX.Element => {
-  const isAuthed = true;
-  const userHasRequiredRole = requiredRoles.includes('admin');
+  const isAuthed = !!sessionStorage.getItem('X-CSRFTOKEN');
+  const currentRole = String(sessionStorage.getItem('ROLE'));
+  const userHasRequiredRole = requiredRoles.includes(currentRole);
   const message = userHasRequiredRole
     ? 'Please log in to view this page'
     : 'Your role is not allowed';