feat(web): show logged out view in main app page

Show a logged out friendly message and prompt if user is not logged in. Previously checked for recent projects regardless of login state.

Author: estib-vega

apps/web/src/routes/(app)/+page.svelte

@@ -1,13 +1,22 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
+	import { AUTH_SERVICE } from '$lib/auth/authService.svelte';
 	import DashboardLayout from '$lib/components/dashboard/DashboardLayout.svelte';
+	import { USER_SERVICE } from '$lib/user/userService';
 	import { inject } from '@gitbutler/shared/context';
 	import { isFound } from '@gitbutler/shared/network/loadable';
 	import { getRecentlyPushedProjects } from '@gitbutler/shared/organizations/projectsPreview.svelte';
 	import { WEB_ROUTES_SERVICE } from '@gitbutler/shared/routing/webRoutes.svelte';
 	import { Button } from '@gitbutler/ui';
 
+	const authService = inject(AUTH_SERVICE);
+	const persistedToken = authService.token;
+
 	const routes = inject(WEB_ROUTES_SERVICE);
+	const userService = inject(USER_SERVICE);
+	const user = userService.user;
+
+	const loggedIn = $derived($user !== undefined);
 	const recentProjects = getRecentlyPushedProjects();
 	let hasRecentProjects = $state(false);
 
@@ -25,9 +34,18 @@
 			}
 		}
 	});
+
+	$effect(() => {
+		if (!loggedIn && persistedToken.current) {
+			// Clear any stale tokens if the user is not logged in
+			authService.clearToken();
+		}
+	});
 </script>
 
-{#if hasRecentProjects}
+{#if !loggedIn}
+	<p>Loading...</p>
+{:else if hasRecentProjects}
 	<DashboardLayout>
 		<p>You have no recent projects!</p>
 	</DashboardLayout>