refactor(session): one session store for login, logout and 401

src/components/DeleteAccountCard.jsx

@@ -18,8 +18,6 @@ import {
 } from '@/components/ui/dialog';
 import {Input} from '@/components/ui/input';
 import {Label} from '@/components/ui/label';
-import {useResetAppearance} from '../context/PreferencesContext.jsx';
-import {useCurrentUserActions} from '../context/CurrentUserContext.jsx';
 import {deleteAccount} from '../utils/account.js';
 import {clearSession} from '../utils/auth.js';
 
@@ -32,8 +30,6 @@ const sameEmail = (typed, email) => !!email && typed.trim().toLowerCase() === em
 export default function DeleteAccountCard({email}) {
     const {t} = useTranslation();
     const navigate = useNavigate();
-    const resetAppearance = useResetAppearance();
-    const {setUser} = useCurrentUserActions();
     const [typedEmail, setTypedEmail] = useState('');
     const [password, setPassword] = useState('');
     const [busy, setBusy] = useState(false);
@@ -43,11 +39,11 @@ export default function DeleteAccountCard({email}) {
         try {
             const response = await deleteAccount(password);
             if (response.status === 204) {
-                clearSession();
-                resetAppearance();
-                setUser(null);
                 toast.success(t('SETTINGS.DELETE_ACCOUNT.DONE'));
-                navigate('/', {replace: true});
+                // First away from the settings, which would open the login page without a session. flushSync: the
+                // router shows the new page before the session change renders, not later in a transition.
+                await navigate('/', {replace: true, flushSync: true});
+                clearSession();
                 return;
             }
             if (response.status === 403) {