fix: replace hardcoded bg-white/border-brand-sand/text-brand-navy with semantic tokens in dashboard widgets

All four dashboard components (ResumeStrip, Mentions, NeedsMetadata, RecentDocuments)
used static brand colors that do not adapt to dark mode. Replace with bg-surface,
border-line, text-ink, text-ink-2 throughout.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/lib/components/DashboardRecentDocuments.svelte

@@ -22,15 +22,15 @@ function formatDate(dateStr: string): string {
 </script>
 
 {#if recentDocs.length > 0}
-	<div data-testid="dashboard-recent-docs" class="border-brand-sand rounded-sm border bg-white p-6">
+	<div data-testid="dashboard-recent-docs" class="rounded-sm border border-line bg-surface p-6">
 		<h2 class="mb-4 font-sans text-xs font-bold tracking-widest text-gray-400 uppercase">
 			Zuletzt hinzugefügt
 		</h2>
 		{#each recentDocs as doc (doc.id)}
-			<div class="border-brand-sand flex items-center justify-between border-b py-2 last:border-0">
+			<div class="flex items-center justify-between border-b border-line py-2 last:border-0">
 				<a
 					href="/documents/{doc.id}"
-					class="font-serif text-sm text-ink hover:text-brand-navy hover:underline"
+					class="font-serif text-sm text-ink hover:text-ink-2 hover:underline"
 				>
 					{doc.title}
 				</a>