refactor: streamline LibraryPage component by integrating ClientLibraryPage for improved structure and error handling

src/components/series/BookGrid.tsx

@@ -85,7 +85,10 @@ export function BookGrid({ books, onBookClick, isCompact = false }: BookGridProp
               <BookCover
                 book={book}
                 alt={t("books.coverAlt", {
-                  title: book.metadata.title || `Tome ${book.metadata.number}`,
+                  title: book.metadata.title || 
+                    (book.metadata.number 
+                      ? t("navigation.volume", { number: book.metadata.number })
+                      : ""),
                 })}
                 onSuccess={(book, action) => handleOnSuccess(book, action)}
               />

src/components/series/SeriesHeader.tsx

@@ -158,7 +158,10 @@ export const SeriesHeader = ({ series, refreshSeries }: SeriesHeaderProps) => {
                 {statusInfo.label}
               </span>
               <span className="text-sm text-white/80">
-                {t("series.header.books", { count: series.booksCount })}
+                {series.booksCount === 1 
+                  ? t("series.header.books", { count: series.booksCount })
+                  : t("series.header.books_plural", { count: series.booksCount })
+                }
               </span>
               <Button
                 variant="ghost"