refactor(frontend): lint, one session guard, one request helper, one user context

src/pages/PlayNextPage.jsx

@@ -1,5 +1,5 @@
 import {useCallback, useEffect, useRef, useState} from 'react';
-import {Link, useNavigate} from 'react-router-dom';
+import {Link} from 'react-router-dom';
 import {useTranslation} from 'react-i18next';
 import {toast} from 'sonner';
 import {Check, Loader2, Play, Shuffle, Timer} from 'lucide-react';
@@ -10,11 +10,9 @@ import {Card} from '@/components/ui/card';
 import {Skeleton} from '@/components/ui/skeleton';
 import GameCover from '../components/GameCover.jsx';
 import PageContainer from '../components/PageContainer.jsx';
-import useSessionExpired from '../hooks/useSessionExpired.js';
 import {saveGameStatus} from '../utils/backlog.js';
 import {formatPlaytime} from '../utils/games.js';
 import {apiFetch} from '../utils/api.js';
-import {hasSession} from '../utils/auth.js';
 
 // maxMinutes is IGDB's normal time to beat; a limit leaves out games without IGDB data.
 const BUDGETS = [
@@ -40,8 +38,6 @@ const pickerQuery = (maxMinutes, mood, exclude) => {
 
 export default function PlayNextPage() {
     const {t} = useTranslation();
-    const navigate = useNavigate();
-    const expireSession = useSessionExpired();
     const [budget, setBudget] = useState(BUDGETS[3]);
     const [mood, setMood] = useState('ANY');
     const [games, setGames] = useState(null);
@@ -52,10 +48,6 @@ export default function PlayNextPage() {
     const latestRequest = useRef(0);
 
     const load = useCallback(async (maxMinutes, moodKey, exclude) => {
-        if (!hasSession()) {
-            navigate('/login');
-            return;
-        }
         const request = ++latestRequest.current;
         setLoading(true);
         setError(null);
@@ -63,10 +55,7 @@ export default function PlayNextPage() {
             const response = await apiFetch(
                 `${import.meta.env.VITE_CORE_API_URL}/api/library/picker?${pickerQuery(maxMinutes, moodKey, exclude)}`);
             if (request !== latestRequest.current) return;
-            if (response.status === 401) {
-                expireSession();
-                return;
-            }
+            if (response.status === 401) return;
             if (!response.ok) {
                 setError('PLAY_NEXT.ERROR_LOAD');
                 return;
@@ -82,7 +71,7 @@ export default function PlayNextPage() {
             if (request === latestRequest.current) setLoading(false);
         }
         // No `t` here: a language change gives a new `t`, and a reload would replace the random picks.
-    }, [navigate, expireSession]);
+    }, []);
 
     useEffect(() => {
         load(budget.maxMinutes, mood, []);
@@ -161,7 +150,7 @@ export default function PlayNextPage() {
 
             {games?.length > 0 && (
                 <div className="grid gap-4 sm:grid-cols-3">
-                    {games.map((game) => <PickCard key={game.appid} game={game} expireSession={expireSession}/>)}
+                    {games.map((game) => <PickCard key={game.appid} game={game}/>)}
                 </div>
             )}
 
@@ -197,7 +186,7 @@ const emptyKey = (budget, mood) => {
     return budget.maxMinutes ? 'PLAY_NEXT.EMPTY_BUDGET' : 'PLAY_NEXT.EMPTY';
 };
 
-function PickCard({game, expireSession}) {
+function PickCard({game}) {
     const {t} = useTranslation();
     const [busy, setBusy] = useState(false);
     const [started, setStarted] = useState(false);
@@ -206,10 +195,7 @@ function PickCard({game, expireSession}) {
         setBusy(true);
         try {
             const response = await saveGameStatus(game.appid, 'PLAYING');
-            if (response.status === 401) {
-                expireSession();
-                return;
-            }
+            if (response.status === 401) return;
             if (!response.ok) {
                 toast.error(t('BACKLOG.SAVE_FAILED'));
                 return;