feat: add active match link in dashboard; display when user has an active match

src/routes/(app)/+page.server.ts

@@ -2,6 +2,7 @@
 import { db } from '$lib/server/db';
 import { match, team, mappool } from '$lib/server/db/schema';
 import { eq, desc, count, inArray } from 'drizzle-orm';
+import { getQueueStatus } from '$lib/server/match/engine';
 import type { PageServerLoad } from './$types';
 
 export const load: PageServerLoad = async ({ locals }) => {
@@ -35,10 +36,14 @@ export const load: PageServerLoad = async ({ locals }) => {
 		.from(match)
 		.where(eq(match.state, 'FINISHED'));
 
+	const queueStatus = await getQueueStatus(locals.user.id);
+
 	return {
 		authenticated: true as const,
 		recentMatches,
 		liveMatches,
+		hasActiveMatch: !!queueStatus.matchedMatchId,
+		activeMatchId: queueStatus.matchedMatchId ?? null,
 		stats: {
 			matches: matchCount.count,
 			finished: finishedCount.count,

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

@@ -225,6 +225,13 @@
 							Leave Queue
 						</button>
 					</div>
+				{:else if data.hasActiveMatch}
+					<a
+						href="/matches/{data.activeMatchId}"
+						class="rounded-md border border-accent/40 px-4 py-2 text-sm font-600 text-accent transition-colors hover:bg-accent/10"
+					>
+						View Active Match →
+					</a>
 				{:else}
 					<button
 						onclick={joinQueue}