Feat: Add /logout route, redirect there from logout button

src/components/Logout.tsx

@@ -0,0 +1,11 @@
+import useApollo from '../hooks/useApollo';
+import { useNavigate } from 'react-router-dom';
+
+export default function Logout() {
+    const navigate = useNavigate();
+    const { logout } = useApollo();
+    logout();
+    navigate('/welcome');
+
+    return null;
+}

src/pages/Settings.tsx

@@ -130,7 +130,7 @@ const Settings: React.FC = () => {
                                         name: 'Abmelden im Account',
                                         documentTitle: 'Logout',
                                     });
-                                    logout();
+                                    navigate('/logout');
                                 }}
                             />
                         </Column>

src/routing/Navigator.tsx

@@ -10,6 +10,7 @@ import LoginToken from '../pages/LoginToken';
 import { RequireAuth } from '../User';
 import FullPageModal from '../modals/FullPageModal';
 import { lazyWithRetry } from '../lazy';
+import Logout from '../components/Logout';
 
 // All other pages load lazy:
 const NavigatorLazy = lazyWithRetry(() => import('./NavigatorLazy'), { prefetch: true });
@@ -25,7 +26,7 @@ export default function Navigator() {
             <Routes>
                 <Route path="/login" element={<Login />} />
                 <Route path="/login-token" element={<LoginToken />} />
-
+                <Route path="/logout" element={<Logout />} />
                 <Route path="/welcome" element={<Welcome />} />
 
                 <Route

src/widgets/RequireScreeningSettingsDropdown.tsx

@@ -6,13 +6,14 @@ import NotificationPreferencesModal from '../modals/NotificationPreferencesModal
 import DeactivateAccountModal from '../modals/DeactivateAccountModal';
 import { ContactSupportModal } from '../modals/ContactSupportModal';
 import useApollo from '../hooks/useApollo';
+import { useNavigate } from 'react-router-dom';
 
 const RequireScreeningSettingsDropdown = () => {
     const { t } = useTranslation();
     const [isNotificationPrefencesOpen, setIsNotificationPreferencesOpen] = useState(false);
     const [isDeactivateAccountOpen, setIsDeactivateAccountOpen] = useState(false);
     const [isContactSupportOpen, setIsContactSupportOpen] = useState(false);
-    const { logout } = useApollo();
+    const navigate = useNavigate();
     return (
         <>
             <Menu
@@ -30,7 +31,7 @@ const RequireScreeningSettingsDropdown = () => {
                 <Menu.Item onPress={() => setIsContactSupportOpen(true)}>{t('requireScreening.contactSupport')}</Menu.Item>
                 <Divider />
                 <Menu.Item onPress={() => setIsDeactivateAccountOpen(true)}>{t('settings.account.deactivateAccount')}</Menu.Item>
-                <Menu.Item onPress={() => logout()}>{t('logout')}</Menu.Item>
+                <Menu.Item onPress={() => navigate('/logout')}>{t('logout')}</Menu.Item>
             </Menu>
             <DeactivateAccountModal isOpen={isDeactivateAccountOpen} onCloseModal={() => setIsDeactivateAccountOpen(false)} />
             <NotificationPreferencesModal isOpen={isNotificationPrefencesOpen} onClose={() => setIsNotificationPreferencesOpen(false)} />