fix(korrespondenz): dark theme, compact strip labels, year divider size, chevron alignment

- Add compact prop to PersonTypeahead: 7px uppercase label, 30px h input (matches spec FL/FI)
- Replace all hardcoded hex in 6 korrespondenz components with theme tokens (bg-surface,
  bg-muted, bg-canvas, border-line, text-ink, text-primary, text-accent, etc.)
- Fix year divider: text-[15px] font-black (spec: 15px/900)
- Fix log row chevron: items-center instead of items-start for vertical centering
- Fix recent-persons persistence: move persistRecentPerson to post-navigation $effect so
  senderName is resolved from server before stored in localStorage
- Add metadataComplete field to makeDoc() fixture to satisfy updated Document type
- Restore opacity-0 on swap button when only one person is set (matches spec + test)

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

frontend/src/routes/korrespondenz/CorrespondenzPersonBar.svelte

@@ -35,7 +35,7 @@ function handleSuggestionSelect(id: string) {
 }
 </script>
 
-<div class="flex items-end gap-[9px] border-b border-[#EAE7E0] bg-white px-4 py-[9px] sm:px-[18px]">
+<div class="flex items-end gap-[9px] border-b border-line bg-surface px-4 py-[9px] sm:px-[18px]">
 	<!-- Person A -->
 	<div class="min-w-0 flex-1">
 		<PersonTypeahead
@@ -43,6 +43,7 @@ function handleSuggestionSelect(id: string) {
 			label="Person"
 			bind:value={senderId}
 			initialName={initialSenderName}
+			compact={true}
 			restrictToCorrespondentsOf={receiverId || undefined}
 			onchange={() => onapplyFilters()}
 		/>
@@ -54,7 +55,8 @@ function handleSuggestionSelect(id: string) {
 		type="button"
 		aria-label="Personen tauschen"
 		onclick={onswapPersons}
-		class="mb-1 flex h-7 w-7 shrink-0 items-center justify-center rounded border border-[#D1D5DB] bg-white text-[#888] transition-colors hover:border-[#002850] hover:text-[#002850]"
+		class="mb-[1px] flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-[3px] border border-line bg-surface text-ink-3 transition-colors hover:border-primary hover:text-primary"
+		class:opacity-0={!swapVisible}
 		class:pointer-events-none={!swapVisible}
 		tabindex={swapVisible ? 0 : -1}
 	>
@@ -80,13 +82,14 @@ function handleSuggestionSelect(id: string) {
 		class="relative min-w-0 flex-1"
 		class:[&_input]:border-dashed={!receiverId}
 		class:[&_input]:border-solid={!!receiverId}
-		class:[&_input]:bg-[#F9F8F6]={!receiverId}
+		class:[&_input]:bg-canvas={!receiverId}
 	>
 		<PersonTypeahead
 			name="receiverId"
 			label={receiverId ? 'Korrespondent' : 'Korrespondent — optional'}
 			bind:value={receiverId}
 			initialName={initialReceiverName}
+			compact={true}
 			placeholder="Alle Korrespondenten"
 			restrictToCorrespondentsOf={senderId || undefined}
 			onchange={() => {