feat: implement image caching mechanism with configurable cache duration and flush functionality

src/components/ui/book-cover.tsx

@@ -4,6 +4,7 @@ import { CoverClient } from "./cover-client";
 import { ProgressBar } from "./progress-bar";
 import type { BookCoverProps } from "./cover-utils";
 import { getImageUrl } from "./cover-utils";
+import { useImageUrl } from "@/hooks/useImageUrl";
 import { ClientOfflineBookService } from "@/lib/services/client-offlinebook.service";
 import { MarkAsReadButton } from "./mark-as-read-button";
 import { MarkAsUnreadButton } from "./mark-as-unread-button";
@@ -59,7 +60,8 @@ export function BookCover({
 }: BookCoverProps) {
   const { t } = useTranslate();
 
-  const imageUrl = getImageUrl("book", book.id);
+  const baseUrl = getImageUrl("book", book.id);
+  const imageUrl = useImageUrl(baseUrl);
   const isCompleted = book.readProgress?.completed || false;
 
   const currentPage = ClientOfflineBookService.getCurrentPage(book);

src/components/ui/cover-utils.tsx

@@ -20,6 +20,10 @@ export interface SeriesCoverProps extends BaseCoverProps {
   series: KomgaSeries;
 }
 
+/**
+ * Génère l'URL de base pour une image (sans cache version)
+ * Utilisez useImageUrl() dans les composants pour obtenir l'URL avec cache busting
+ */
 export function getImageUrl(type: "series" | "book", id: string) {
   if (type === "series") {
     return `/api/komga/images/series/${id}/thumbnail`;

src/components/ui/series-cover.tsx

@@ -4,6 +4,7 @@ import { CoverClient } from "./cover-client";
 import { ProgressBar } from "./progress-bar";
 import type { SeriesCoverProps } from "./cover-utils";
 import { getImageUrl } from "./cover-utils";
+import { useImageUrl } from "@/hooks/useImageUrl";
 
 export function SeriesCover({
   series,
@@ -11,7 +12,8 @@ export function SeriesCover({
   className,
   showProgressUi = true,
 }: SeriesCoverProps) {
-  const imageUrl = getImageUrl("series", series.id);
+  const baseUrl = getImageUrl("series", series.id);
+  const imageUrl = useImageUrl(baseUrl);
   const isCompleted = series.booksCount === series.booksReadCount;
 
   const readBooks = series.booksReadCount;