fix(web,api): UI fiche livre et lecteur — progression, locators EPUB/PDF, styles

- web: BookPage/ReaderPage enrichis, sauvegarde de progression lecteur
- web: locators EPUB/PDF normalisés (+ tests), EpubReader/PdfReader ajustés
- web: nginx et service worker ajustés
- api: progress — corrections contrôleur/service

Refs: #13

apps/web/src/reader/PdfReader.tsx

@@ -4,15 +4,17 @@ import workerUrl from "pdfjs-dist/build/pdf.worker.mjs?url";
 
 pdfjs.GlobalWorkerOptions.workerSrc = workerUrl;
 
-export function PdfReader({ url, page, onPageChange }: { url: string; page: number; onPageChange: (page: number, pages: number) => void }) {
+export function PdfReader({ url, page, onPageCommit }: { url: string; page: number; onPageCommit: (page: number, pages: number) => void }) {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const [pages, setPages] = useState(1);
   const [error, setError] = useState<string>();
+  const [attempt, setAttempt] = useState(0);
 
   useEffect(() => {
     let cancelled = false;
     async function render() {
       try {
+        setError(undefined);
         const loadingTask = pdfjs.getDocument({ url, withCredentials: true });
         const document = await loadingTask.promise;
         if (cancelled) return;
@@ -26,7 +28,6 @@ export function PdfReader({ url, page, onPageChange }: { url: string; page: numb
         const context = canvas.getContext("2d");
         if (!context) return;
         await pdfPage.render({ canvas, canvasContext: context, viewport }).promise;
-        onPageChange(Math.max(1, Math.min(page, document.numPages)), document.numPages);
       } catch (renderError) {
         setError(renderError instanceof Error ? renderError.message : "PDF indisponible");
       }
@@ -35,19 +36,28 @@ export function PdfReader({ url, page, onPageChange }: { url: string; page: numb
     return () => {
       cancelled = true;
     };
-  }, [url, page, onPageChange]);
+  }, [url, page, attempt]);
 
   return (
     <div className="pdf-reader">
-      {error ? <div className="reader-fallback">{error}</div> : <canvas ref={canvasRef} />}
+      {error ? (
+        <div className="reader-fallback">
+          <span>{error}</span>
+          <button className="ghost-button" onClick={() => setAttempt((value) => value + 1)}>
+            Reessayer
+          </button>
+        </div>
+      ) : (
+        <canvas ref={canvasRef} />
+      )}
       <div className="reader-stepper">
-        <button className="ghost-button" onClick={() => onPageChange(Math.max(1, page - 1), pages)}>
+        <button className="ghost-button" onClick={() => onPageCommit(Math.max(1, page - 1), pages)}>
           Precedent
         </button>
         <span>
           {page} / {pages}
         </span>
-        <button className="ghost-button" onClick={() => onPageChange(Math.min(pages, page + 1), pages)}>
+        <button className="ghost-button" onClick={() => onPageCommit(Math.min(pages, page + 1), pages)}>
           Suivant
         </button>
       </div>