feat(#145): implement two-mode home page (dashboard vs search results)

- Dashboard mode (no active filters): shows DashboardResumeStrip,
  DropZone, DashboardMentions, DashboardNeedsMetadata, and
  DashboardRecentDocuments widgets
- Search mode (any filter active): shows DocumentList with results
- Removes the old incompleteCount banner in favour of the widget

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

frontend/src/routes/+page.svelte

@@ -5,6 +5,10 @@ import { SvelteURLSearchParams } from 'svelte/reactivity';
 import SearchFilterBar from './SearchFilterBar.svelte';
 import DropZone from './DropZone.svelte';
 import DocumentList from './DocumentList.svelte';
+import DashboardResumeStrip from '$lib/components/DashboardResumeStrip.svelte';
+import DashboardMentions from '$lib/components/DashboardMentions.svelte';
+import DashboardNeedsMetadata from '$lib/components/DashboardNeedsMetadata.svelte';
+import DashboardRecentDocuments from '$lib/components/DashboardRecentDocuments.svelte';
 import { m } from '$lib/paraglide/messages.js';
 
 let { data } = $props();
@@ -87,38 +91,23 @@ $effect(() => {
 		onblur={() => (qFocused = false)}
 	/>
 
-	{#if data.canWrite}
-		<DropZone />
-	{/if}
+	{#if data.isDashboard}
+		<DashboardResumeStrip />
 
-	{#if data.incompleteCount > 0}
-		<a
-			href="/enrich"
-			class="mb-6 flex items-center justify-between rounded-sm border border-accent/40 bg-accent-bg px-6 py-4 transition-colors hover:bg-accent/20"
-		>
-			<div class="flex items-center gap-4">
-				<img
-					src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Info/Block/Info-Block-Border-MD.svg"
-					alt=""
-					aria-hidden="true"
-					class="h-6 w-6 opacity-60"
-				/>
-				<div>
-					<p class="font-sans text-xs font-bold tracking-widest text-ink uppercase">
-						{m.enrich_needs_metadata_title()}
-					</p>
-					<p class="mt-0.5 font-serif text-sm text-ink-2">
-						{m.enrich_needs_metadata_count({ count: data.incompleteCount })}
-					</p>
-				</div>
+		{#if data.canWrite}
+			<div class="mt-4">
+				<DropZone />
 			</div>
-			<span
-				class="font-sans text-xs font-bold tracking-widest text-ink uppercase transition-colors hover:text-ink-2"
-			>
-				{m.enrich_needs_metadata_cta()} →
-			</span>
-		</a>
-	{/if}
+		{/if}
 
-	<DocumentList documents={data.documents ?? []} canWrite={data.canWrite} error={data.error} />
+		<div class="mt-6 grid gap-4 lg:grid-cols-2">
+			<DashboardMentions mentions={data.mentions ?? []} />
+			<DashboardNeedsMetadata incompleteDocs={data.incompleteDocs ?? []} />
+		</div>
+		<div class="mt-4">
+			<DashboardRecentDocuments recentDocs={data.recentDocs ?? []} />
+		</div>
+	{:else}
+		<DocumentList documents={data.documents ?? []} canWrite={data.canWrite} error={data.error} />
+	{/if}
 </main>