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

src/pages/GameDetail.test.jsx

@@ -369,3 +369,21 @@ describe('GameDetail confetti', () => {
         expect(await opened({status: 'PLAYING'})).toBeNull();
     });
 });
+
+describe('GameDetail session', () => {
+    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(200, {settings: {}}),
+            'GET /api/library/games/220': json(401, {}),
+            'POST /api/auth/refresh': json(401, {}),
+        });
+        const {router} = renderWithProviders(<GameDetail/>, {path: '/library/:appid', entries: ['/library/220'],
+            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: '/library/220'});
+        expect(toast.error).not.toHaveBeenCalled();
+        expect(screen.queryByText('GAME_DETAIL.ERROR_LOAD')).toBeNull();
+    });
+});