Implement basic NotAuth and NotFound page

	geändert:       src/App.tsx

src/App.tsx

@@ -5,7 +5,9 @@ import { AuthUser } from 'components/AuthUser/AuthUser';
 import { LandingPage } from 'components/LandingPage/LandingPage';
 import { PrivateRoute } from 'components/api/PrivateRoute/PrivateRoute';
 import { AuthRoutes, NonAuthRoutes } from 'components/api/routes';
+import { NotFound } from 'components/NotFound/NotFound';
 import { Roles } from 'components/api/userRoles';
+import { Unauthorized } from 'components/Unauthorized/Unauthorized';
 
 export const App: FC = () => (
   <Router>
@@ -18,6 +20,8 @@ export const App: FC = () => (
           Component={HomePage}
           requiredRoles={[Roles.admin, Roles.operator, Roles.senior]}
         />
+        <Route path={NonAuthRoutes.unauthorized} component={Unauthorized} />
+        <Route component={NotFound} />
       </Switch>
     </div>
   </Router>

src/components/NotFound/NotFound.tsx

+import React, { FC } from 'react';
+
+export const NotFound: FC = () => <h1>Page not found</h1>;

src/components/Unauthorized/Unauthorized.tsx

+import React, { FC } from 'react';
+
+export const Unauthorized: FC = () => <h1>You cannot access this page</h1>;