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

src/pages/LandingPage.jsx

@@ -11,7 +11,7 @@ import {Skeleton} from '@/components/ui/skeleton';
 import GameCover from '../components/GameCover.jsx';
 import Logo from '../components/Logo.jsx';
 import StatCard from '../components/StatCard.jsx';
-import {hasSession} from '../utils/auth.js';
+import useSession from '../hooks/useSession.js';
 
 import usePublicStats from '../hooks/usePublicStats.js';
 
@@ -39,6 +39,7 @@ function RankedGames({title, games, formatValue}) {
 export default function LandingPage() {
     const {t, i18n} = useTranslation();
     const {data, isLoading} = usePublicStats();
+    const {active} = useSession();
 
     const auth = data.auth;
     const core = data.core;
@@ -65,7 +66,7 @@ export default function LandingPage() {
                     <h1 className="text-4xl font-bold tracking-tight md:text-6xl">{t('MAIN.WELCOME')}</h1>
                     <p className="mx-auto mt-6 max-w-2xl text-lg text-muted-foreground">{t('MAIN.DESCRIPTION')}</p>
                     <Button asChild size="lg" className="mt-10">
-                        {hasSession() ? (
+                        {active ? (
                             <Link to="/dashboard">{t('NAV.TO_DASHBOARD')}<ArrowRight/></Link>
                         ) : (
                             <Link to="/login">{t('MAIN.GET_STARTED')}<ArrowRight/></Link>