fix: add missing cleanup for event listeners and debounce timer

src/hooks/usePWA.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';
 
 interface BeforeInstallPromptEvent extends Event {
   readonly platforms: string[];
@@ -17,6 +17,7 @@ export const usePWA = () => {
   const [updateAvailable, setUpdateAvailable] = useState(false);
   const [registration, setRegistration] = useState<ServiceWorkerRegistration | null>(null);
   const [isOffline, setIsOffline] = useState(false);
+  const updateFoundHandlerRef = useRef<(() => void) | null>(null);
 
   useEffect(() => {
     // Check if app is already installed
@@ -41,15 +42,17 @@ export const usePWA = () => {
     window.addEventListener('beforeinstallprompt', handleBeforeInstallPrompt);
 
     // Track installation
-    window.addEventListener('appinstalled', () => {
+    const handleAppInstalled = () => {
       setIsInstalled(true);
       setInstallPrompt(null);
-    });
+    };
+    window.addEventListener('appinstalled', handleAppInstalled);
 
     return () => {
       window.removeEventListener('online', handleOnline);
       window.removeEventListener('offline', handleOffline);
       window.removeEventListener('beforeinstallprompt', handleBeforeInstallPrompt);
+      window.removeEventListener('appinstalled', handleAppInstalled);
     };
   }, []);
 
@@ -59,7 +62,7 @@ export const usePWA = () => {
         const reg = await navigator.serviceWorker.register('/serviceWorker.js');
         setRegistration(reg);
 
-        reg.addEventListener('updatefound', () => {
+        const handleUpdateFound = () => {
           const newWorker = reg.installing;
           if (newWorker) {
             newWorker.addEventListener('statechange', () => {
@@ -68,13 +71,23 @@ export const usePWA = () => {
               }
             });
           }
-        });
+        };
+        updateFoundHandlerRef.current = handleUpdateFound;
+        reg.addEventListener('updatefound', handleUpdateFound);
       } catch (error) {
         console.error('Service worker registration failed:', error);
       }
     }
   }, []);
 
+  useEffect(() => {
+    return () => {
+      if (registration && updateFoundHandlerRef.current) {
+        registration.removeEventListener('updatefound', updateFoundHandlerRef.current);
+      }
+    };
+  }, [registration]);
+
   const installApp = async () => {
     if (!installPrompt) return;
     await installPrompt.prompt();

src/hooks/useSearch.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useCallback, useRef } from 'react';
+import { useState, useCallback, useRef, useEffect } from 'react';
 
 export interface SearchResult {
   id: string;
@@ -75,5 +75,11 @@ export function useSearch<T extends SearchResult>(
     setError(null);
   }, []);
 
+  useEffect(() => {
+    return () => {
+      if (debounceTimer.current) clearTimeout(debounceTimer.current);
+    };
+  }, []);
+
   return { query, updateQuery, results, isLoading, error, hasMore, loadMore, reset };
 }