feat: Image is always an unoptimized original

src/components/ui/book-cover.tsx

@@ -51,8 +51,6 @@ export function BookCover({
   book,
   alt = "Image de couverture",
   className,
-  quality = 80,
-  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   showProgressUi = true,
   onSuccess,
   showControls = true,
@@ -88,8 +86,6 @@ export function BookCover({
           imageUrl={imageUrl}
           alt={alt}
           className={className}
-          quality={quality}
-          sizes={sizes}
           isCompleted={isCompleted}
         />
         {showProgress && <ProgressBar progress={currentPage} total={totalPages} type="book" />}

src/components/ui/cover-client.tsx

@@ -10,8 +10,6 @@ interface CoverClientProps {
   imageUrl: string;
   alt: string;
   className?: string;
-  quality?: number;
-  sizes?: string;
   isCompleted?: boolean;
 }
 
@@ -19,8 +17,6 @@ export const CoverClient = ({
   imageUrl,
   alt,
   className,
-  quality = 80,
-  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   isCompleted = false,
 }: CoverClientProps) => {
   const [imageError, setImageError] = useState(false);
@@ -43,15 +39,13 @@ export const CoverClient = ({
         fill
         className={cn(
           "object-cover transition-opacity duration-300 rounded-lg",
-          isLoading ? "opacity-0" : "opacity-100",
           isCompleted && "opacity-50",
           className
         )}
-        sizes={sizes}
         onError={() => setImageError(true)}
         onLoad={() => setIsLoading(false)}
-        loading={"lazy"}
-        quality={quality}
+        loading="lazy"
+        unoptimized
       />
     </div>
   );

src/components/ui/series-cover.tsx

@@ -9,8 +9,6 @@ export function SeriesCover({
   series,
   alt = "Image de couverture",
   className,
-  quality = 80,
-  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   showProgressUi = true,
 }: SeriesCoverProps) {
   const imageUrl = getImageUrl("series", series.id);
@@ -22,14 +20,7 @@ export function SeriesCover({
 
   return (
     <div className="relative w-full h-full">
-      <CoverClient
-        imageUrl={imageUrl}
-        alt={alt}
-        className={className}
-        quality={quality}
-        sizes={sizes}
-        isCompleted={isCompleted}
-      />
+      <CoverClient imageUrl={imageUrl} alt={alt} className={className} isCompleted={isCompleted} />
       {showProgress && <ProgressBar progress={readBooks} total={totalBooks} type="series" />}
     </div>
   );