feat(dashboard): add reader dashboard components

Adds 5 new components for the permission-gated reader layout:
- ReaderStatsStrip: stat tiles (documents / persons / stories) linking to list pages
- ReaderPersonChips: top-N persons by doc count with avatar + name
- ReaderDraftsModule: blog draft list for BLOG_WRITE users
- ReaderRecentDocs: 5 most-recently-updated docs with Neu/Aktualisiert badge
- ReaderRecentStories: 3 latest published stories with 150-char HTML-stripped excerpt

Each component ships with a vitest-browser spec covering the key assertions.
Avatar color/initials logic is inlined to satisfy $lib/shared → $lib/person
boundary rule.

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

frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte.spec.ts

@@ -0,0 +1,74 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { cleanup, render } from 'vitest-browser-svelte';
+import { page } from 'vitest/browser';
+
+import ReaderRecentDocs from './ReaderRecentDocs.svelte';
+import type { components } from '$lib/generated/api';
+
+type Document = components['schemas']['Document'];
+
+afterEach(() => {
+	cleanup();
+});
+
+const baseDoc: Document = {
+	id: 'doc1',
+	title: 'Brief an Hans',
+	originalFilename: 'brief.pdf',
+	status: 'UPLOADED',
+	metadataComplete: true,
+	scriptType: 'HANDWRITING_KURRENT',
+	createdAt: '2025-01-01T12:00:00Z',
+	updatedAt: '2025-01-01T12:00:00Z'
+};
+
+const updatedDoc: Document = {
+	...baseDoc,
+	id: 'doc2',
+	title: 'Urkunde 1920',
+	createdAt: '2025-01-01T12:00:00Z',
+	updatedAt: '2025-03-01T12:00:00Z'
+};
+
+describe('ReaderRecentDocs', () => {
+	it('renders a link to /documents/{id} for each document', async () => {
+		render(ReaderRecentDocs, { documents: [baseDoc] });
+		const link = page.getByRole('link', { name: /Brief an Hans/ });
+		await expect.element(link).toHaveAttribute('href', '/documents/doc1');
+	});
+
+	it('shows "Neu" badge when createdAt equals updatedAt', async () => {
+		render(ReaderRecentDocs, { documents: [baseDoc] });
+		const badge = page.getByText(/^Neu$/i);
+		await expect.element(badge).toBeInTheDocument();
+	});
+
+	it('shows "Aktualisiert" badge when updatedAt differs from createdAt', async () => {
+		render(ReaderRecentDocs, { documents: [updatedDoc] });
+		const badge = page.getByText(/^Aktualisiert$/i);
+		await expect.element(badge).toBeInTheDocument();
+	});
+
+	it('does not show "Neu" badge when updatedAt differs from createdAt', async () => {
+		render(ReaderRecentDocs, { documents: [updatedDoc] });
+		const badge = page.getByText(/^Neu$/i);
+		await expect.element(badge).not.toBeInTheDocument();
+	});
+
+	it('renders sender link when sender is present', async () => {
+		const docWithSender: Document = {
+			...baseDoc,
+			sender: {
+				id: 'p1',
+				lastName: 'Müller',
+				firstName: 'Anna',
+				displayName: 'Anna Müller',
+				personType: 'PERSON' as const,
+				familyMember: false
+			}
+		};
+		render(ReaderRecentDocs, { documents: [docWithSender] });
+		const senderLink = page.getByRole('link', { name: /Anna Müller/ });
+		await expect.element(senderLink).toHaveAttribute('href', '/persons/p1');
+	});
+});