feat(ui): wire panelMode state with read/edit view switching

Adds TranscriptionPanelHeader and TranscriptionReadView to the
document detail page. Default mode is 'read' when blocks exist,
'edit' otherwise. Annotations dimmed in read mode.

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

frontend/src/lib/components/DocumentViewer.svelte

@@ -20,6 +20,7 @@ type Props = {
 	blockNumbers?: Record<string, number>;
 	annotationReloadKey?: number;
 	activeAnnotationId: string | null;
+	annotationsDimmed?: boolean;
 	onAnnotationClick: (id: string) => void;
 	onTranscriptionDraw?: (rect: DrawRect) => void;
 };
@@ -33,6 +34,7 @@ let {
 	blockNumbers = {},
 	annotationReloadKey = 0,
 	activeAnnotationId = $bindable(),
+	annotationsDimmed = false,
 	onAnnotationClick,
 	onTranscriptionDraw
 }: Props = $props();
@@ -90,6 +92,7 @@ let {
 			blockNumbers={blockNumbers}
 			annotationReloadKey={annotationReloadKey}
 			bind:activeAnnotationId={activeAnnotationId}
+			annotationsDimmed={annotationsDimmed}
 			onAnnotationClick={onAnnotationClick}
 			onTranscriptionDraw={onTranscriptionDraw}
 			documentFileHash={doc.fileHash ?? null}

frontend/src/lib/components/PdfViewer.svelte

@@ -16,7 +16,8 @@ let {
 	activeAnnotationId = $bindable<string | null>(null),
 	onAnnotationClick,
 	onTranscriptionDraw,
-	documentFileHash
+	documentFileHash,
+	annotationsDimmed = false
 }: {
 	url: string;
 	documentId?: string;
@@ -27,6 +28,7 @@ let {
 	onAnnotationClick?: (id: string) => void;
 	onTranscriptionDraw?: (rect: DrawRect) => void;
 	documentFileHash?: string | null;
+	annotationsDimmed?: boolean;
 } = $props();
 
 let pdfDoc = $state<PDFDocumentProxy | null>(null);
@@ -456,6 +458,7 @@ function zoomOut() {
 								color={TRANSCRIPTION_COLOR}
 								blockNumbers={blockNumbers}
 								activeAnnotationId={activeAnnotationId}
+								dimmed={annotationsDimmed}
 								onDraw={handleDraw}
 								onAnnotationClick={handleAnnotationClick}
 							/>