fix: warn on images

src/components/ui/book-cover.tsx

@@ -52,7 +52,7 @@ export function BookCover({
   alt = "Image de couverture",
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   showProgressUi = true,
   onSuccess,
   showControls = true,

src/components/ui/cover-client.tsx

@@ -20,7 +20,7 @@ export const CoverClient = ({
   alt,
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   isCompleted = false,
 }: CoverClientProps) => {
   const [imageError, setImageError] = useState(false);

src/components/ui/series-cover.tsx

@@ -10,7 +10,7 @@ export function SeriesCover({
   alt = "Image de couverture",
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   showProgressUi = true,
 }: SeriesCoverProps) {
   const imageUrl = getImageUrl("series", series.id);