fix: lints

src/components/reader/BookReader.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @next/next/no-img-element */
 "use client";
 
 import { BookReaderProps } from "./types";

src/components/settings/CacheModeSwitch.tsx

@@ -33,6 +33,7 @@ export function CacheModeSwitch() {
         description: `Le cache est maintenant en mode ${checked ? "mémoire" : "fichier"}`,
       });
     } catch (error) {
+      console.error("Erreur lors de la modification du mode de cache:", error);
       toast({
         variant: "destructive",
         title: "Erreur",

src/components/ui/cover.tsx

@@ -2,7 +2,7 @@
 
 import { ImageOff } from "lucide-react";
 import Image from "next/image";
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef, useCallback } from "react";
 import { cn } from "@/lib/utils";
 import { ImageLoader } from "@/components/ui/image-loader";
 
@@ -29,23 +29,21 @@ export function Cover({
 }: CoverProps) {
   const [imageError, setImageError] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
-  const [isInViewport, setIsInViewport] = useState(false);
   const [imageUrl, setImageUrl] = useState<string | null>(null);
   const coverRef = useRef<HTMLDivElement>(null);
 
-  const getImageUrl = () => {
+  const getImageUrl = useCallback(() => {
     if (type === "series") {
       return `/api/komga/images/series/${id}/thumbnail`;
     }
     return `/api/komga/images/books/${id}/thumbnail`;
-  };
+  }, [type, id]);
 
   // Observer pour détecter quand la cover est dans le viewport
   useEffect(() => {
     const observer = new IntersectionObserver(
       (entries) => {
         entries.forEach((entry) => {
-          setIsInViewport(entry.isIntersecting);
           if (entry.isIntersecting && !imageUrl) {
             setImageUrl(getImageUrl());
           }
@@ -66,7 +64,7 @@ export function Cover({
         observer.unobserve(element);
       }
     };
-  }, [id, imageUrl]);
+  }, [id, imageUrl, getImageUrl]);
 
   if (imageError) {
     return (

src/components/ui/mark-as-read-button.tsx

@@ -42,6 +42,7 @@ export function MarkAsReadButton({
       });
       onSuccess?.();
     } catch (error) {
+      console.error("Erreur lors de la mise à jour du progresseur de lecture:", error);
       toast({
         title: "Erreur",
         description: "Impossible de marquer le tome comme lu",