feat: unifier la recherche livres via le endpoint /books avec paramètre q

La recherche utilise désormais le endpoint paginé /books avec un filtre
ILIKE sur title/series/author, ce qui permet la pagination des résultats.
Les series_hits sont toujours récupérés en parallèle via searchBooks.
Corrige aussi le remount du LiveSearchForm lors de la navigation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

apps/backoffice/app/(app)/books/page.tsx

@@ -28,53 +28,27 @@ export default async function BooksPage({
     fetchLibraries().catch(() => [] as LibraryDto[])
   ]);
 
-  let books: BookDto[] = [];
-  let total = 0;
-  let searchResults: BookDto[] | null = null;
   let seriesHits: SeriesHitDto[] = [];
-  let totalHits: number | null = null;
 
-  if (searchQuery) {
-    const searchResponse = await searchBooks(searchQuery, libraryId, limit).catch(() => null);
-    if (searchResponse) {
-      seriesHits = searchResponse.series_hits ?? [];
-      searchResults = searchResponse.hits.map(hit => ({
-        id: hit.id,
-        library_id: hit.library_id,
-        kind: hit.kind,
-        title: hit.title,
-        author: hit.authors?.[0] ?? null,
-        authors: hit.authors ?? [],
-        series: hit.series,
-        volume: hit.volume,
-        language: hit.language,
-        page_count: null,
-        format: null,
-        file_path: null,
-        file_format: null,
-        file_parse_status: null,
-        updated_at: "",
-        reading_status: "unread" as const,
-        reading_current_page: null,
-        reading_last_read_at: null,
-        summary: null,
-        isbn: null,
-        publish_date: null,
-      }));
-      totalHits = searchResponse.estimated_total_hits;
-    }
-  } else {
-    const booksPage = await fetchBooks(libraryId, undefined, page, limit, readingStatus, sort, undefined, format, metadataProvider).catch(() => ({
+  const [booksPage, searchResponse] = await Promise.all([
+    fetchBooks(libraryId, undefined, page, limit, readingStatus, sort, undefined, format, metadataProvider, searchQuery || undefined).catch(() => ({
       items: [] as BookDto[],
       total: 0,
       page: 1,
       limit,
-    }));
-    books = booksPage.items;
-    total = booksPage.total;
+    })),
+    searchQuery
+      ? searchBooks(searchQuery, libraryId, limit).catch(() => null)
+      : Promise.resolve(null),
+  ]);
+
+  const books = booksPage.items;
+  const total = booksPage.total;
+  if (searchResponse) {
+    seriesHits = searchResponse.series_hits ?? [];
   }
 
-  const displayBooks = (searchResults || books).map(book => ({
+  const displayBooks = books.map(book => ({
     ...book,
     coverUrl: getBookCoverUrl(book.id)
   }));
@@ -142,11 +116,11 @@ export default async function BooksPage({
       </Card>
 
       {/* Résultats */}
-      {searchQuery && totalHits !== null ? (
+      {searchQuery ? (
         <p className="text-sm text-muted-foreground mb-4">
-          {t("books.resultCountFor", { count: String(totalHits), plural: totalHits !== 1 ? "s" : "", query: searchQuery })}
+          {t("books.resultCountFor", { count: String(total), plural: total !== 1 ? "s" : "", query: searchQuery })}
         </p>
-      ) : !searchQuery && (
+      ) : (
         <p className="text-sm text-muted-foreground mb-4">
           {t("books.resultCount", { count: String(total), plural: total !== 1 ? "s" : "" })}
         </p>
@@ -194,14 +168,12 @@ export default async function BooksPage({
           {searchQuery && <h2 className="text-lg font-semibold text-foreground mb-3">{t("books.title")}</h2>}
           <BooksGrid books={displayBooks} />
 
-          {!searchQuery && (
-            <OffsetPagination
-              currentPage={page}
-              totalPages={totalPages}
-              pageSize={limit}
-              totalItems={total}
-            />
-          )}
+          <OffsetPagination
+            currentPage={page}
+            totalPages={totalPages}
+            pageSize={limit}
+            totalItems={total}
+          />
         </>
       ) : (
         <EmptyState message={searchQuery ? t("books.noResults", { query: searchQuery }) : t("books.noBooks")} />

apps/backoffice/app/components/LiveSearchForm.tsx

@@ -118,8 +118,13 @@ export function LiveSearchForm({ fields, basePath, debounceMs = 300 }: LiveSearc
   const textFields = fields.filter((f) => f.type === "text");
   const selectFields = fields.filter((f) => f.type === "select");
 
+  // Force remount when URL params change externally (back/forward, cookie redirect)
+  // so that defaultValue stays in sync with the URL.
+  const formKey = searchParams.toString();
+
   return (
     <form
+      key={formKey}
       ref={formRef}
       onSubmit={(e) => {
         e.preventDefault();