refacto: cover split and simplify

src/components/library/SeriesGrid.tsx

@@ -3,7 +3,7 @@
 import { KomgaSeries } from "@/types/komga";
 import { useRouter } from "next/navigation";
 import { cn } from "@/lib/utils";
-import { Cover } from "@/components/ui/cover";
+import { SeriesCover } from "@/components/ui/series-cover";
 import { useTranslate } from "@/hooks/useTranslate";
 
 interface SeriesGridProps {
@@ -65,13 +65,11 @@ export function SeriesGrid({ series }: SeriesGridProps) {
             series.booksCount === series.booksReadCount && "opacity-50"
           )}
         >
-          <Cover
-            type="series"
-            id={series.id}
+          <SeriesCover
+            series={series as KomgaSeries}
             alt={t("series.coverAlt", { title: series.metadata.title })}
-            isCompleted={series.booksCount === series.booksReadCount}
-            readBooks={series.booksReadCount}
-            totalBooks={series.booksCount}
+            quality={25}
+            sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw"
           />
           <div className="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/60 to-transparent p-4 space-y-2 translate-y-full group-hover:translate-y-0 transition-transform duration-200">
             <h3 className="font-medium text-sm text-white line-clamp-2">{series.metadata.title}</h3>