feat: add logging enhancements by integrating pino and pino-pretty for improved error tracking and debugging across the application

src/hooks/useBookOfflineStatus.ts

@@ -2,6 +2,7 @@
 
 import { useState, useEffect, useCallback } from "react";
 import { useNetworkStatus } from "./useNetworkStatus";
+import logger from "@/lib/logger";
 
 type BookStatus = "idle" | "downloading" | "available" | "error";
 
@@ -47,7 +48,7 @@ export function useBookOfflineStatus(bookId: string) {
       const bookPages = await cache.match(`/api/komga/images/books/${bookId}/pages`);
       setIsAvailableOffline(!!bookPages);
     } catch (error) {
-      console.error("Erreur lors de la vérification du cache:", error);
+      logger.error({ err: error, bookId }, "Erreur lors de la vérification du cache");
       setIsAvailableOffline(false);
     } finally {
       setIsChecking(false);

src/hooks/useDisplayPreferences.ts

@@ -1,4 +1,5 @@
 import { usePreferences } from "@/contexts/PreferencesContext";
+import logger from "@/lib/logger";
 
 export function useDisplayPreferences() {
   const { preferences, updatePreferences } = usePreferences();
@@ -12,7 +13,7 @@ export function useDisplayPreferences() {
         },
       });
     } catch (error) {
-      console.error("Erreur lors de la mise à jour du mode compact:", error);
+      logger.error({ err: error }, "Erreur lors de la mise à jour du mode compact");
     }
   };
 
@@ -25,7 +26,7 @@ export function useDisplayPreferences() {
         },
       });
     } catch (error) {
-      console.error("Erreur lors de la mise à jour de la taille de page:", error);
+      logger.error({ err: error }, "Erreur lors de la mise à jour de la taille de page");
     }
   };
 

src/hooks/usePullToRefresh.ts

@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useRef, useState } from "react";
+import logger from "@/lib/logger";
 
 interface UsePullToRefreshOptions {
   onRefresh: () => Promise<void>;
@@ -135,7 +136,7 @@ export function usePullToRefresh({
         try {
           await onRefresh();
         } catch (error) {
-          console.error("Pull to refresh error:", error);
+          logger.error({ err: error }, "Pull to refresh error");
         } finally {
           isRefreshingRef.current = false;
           // Activer l'animation de disparition