fix: abort old loads, stale sync state, warn before unsaved edits are lost

src/pages/SettingsPage.test.jsx

@@ -4,6 +4,7 @@ import {act, cleanup, fireEvent, screen, waitFor, within} from '@testing-library
 import SettingsPage from './SettingsPage.jsx';
 import {fetchRoutes, json} from '../test/fetchRoutes.js';
 import {renderWithProviders} from '../test/renderWithProviders.jsx';
+import {toast} from 'sonner';
 
 vi.mock('react-i18next', async () => {
     const mock = await import('../test/i18n-mock.js');
@@ -239,3 +240,28 @@ describe('SettingsPage favorite platform', () => {
         await waitFor(() => expect(puts()).toEqual([{platform: 'Switch 2'}, {platform: null}]));
     });
 });
+
+describe('SettingsPage session', () => {
+    beforeEach(() => localStorage.setItem('tbp_session', '1'));
+
+    afterEach(() => {
+        cleanup();
+        localStorage.clear();
+    });
+
+    it('opens the login page on a 401 that the refresh cannot fix, without an error', async () => {
+        toast.error.mockClear();
+        fetchRoutes({
+            'GET /api/users/me': json(401, {}),
+            'POST /api/auth/refresh': json(401, {}),
+            'GET /api/version': json(404, {}),
+        });
+        const {router} = renderWithProviders(<SettingsPage/>, {path: '/settings', entries: ['/settings'],
+            guarded: true, routes: {'/login': <p>login</p>}});
+
+        await waitFor(() => expect(router.state.location.pathname).toBe('/login'));
+        expect(router.state.location.state).toEqual({sessionExpired: true, from: '/settings'});
+        expect(toast.error).not.toHaveBeenCalled();
+        expect(screen.queryByText('INFO.ERROR.LOAD_PROFILE')).toBeNull();
+    });
+});