feat: image quality better

src/components/home/MediaRow.tsx

@@ -120,7 +120,7 @@ function MediaCard({ item, onClick }: MediaCardProps) {
               )}
               sizes="200px"
               loading="lazy"
-              quality={50}
+              quality={100}
               onError={() => setImageError(true)}
               onLoad={() => setImageLoading(false)}
             />

src/components/series/BookGrid.tsx

@@ -118,7 +118,7 @@ function BookImage({ book, getBookThumbnailUrl, isCompleted }: BookImageProps) {
         onError={() => setImageError(true)}
         onLoad={() => setIsLoading(false)}
         loading="lazy"
-        quality={50}
+        quality={100}
       />
     </div>
   );
@@ -180,7 +180,7 @@ function BookCard({ book, onClick, getBookThumbnailUrl }: BookCardProps) {
             sizes="(max-width: 640px) 33vw, (max-width: 1024px) 16.666vw, 16.666vw"
             onError={() => setImageError(true)}
             loading="lazy"
-            quality={50}
+            quality={100}
           />
         ) : (
           <div className="w-full h-full flex items-center justify-center">

src/components/series/SeriesHeader.tsx

@@ -150,7 +150,7 @@ export const SeriesHeader = ({ series, onSeriesUpdate }: SeriesHeaderProps) => {
                 imageLoading ? "opacity-0" : "opacity-10"
               )}
               loading="lazy"
-              quality={25}
+              quality={100}
               onLoad={() => setImageLoading(false)}
             />
           </div>
@@ -177,7 +177,7 @@ export const SeriesHeader = ({ series, onSeriesUpdate }: SeriesHeaderProps) => {
                   onError={() => setImageError(true)}
                   onLoad={() => setImageLoading(false)}
                   loading="lazy"
-                  quality={75}
+                  quality={100}
                 />
               </div>
             ) : (