Merge pull request #2264 from severe77/fix/matchmedia-cleanup-2263

Fix: prevent matchMedia listener accumulation in FaviconHead (#2263)

Author: Utkarsh-123github

components/Layout.tsx

@@ -503,9 +503,16 @@ const FaviconHead = () => {
     const matcher: MediaQueryList = window.matchMedia(
       '(prefers-color-scheme: dark)',
     );
-    matcher.addEventListener('change', () => onUpdate(matcher));
+
+    const handleChange = () => onUpdate(matcher);
+
+    matcher.addEventListener('change', handleChange);
     onUpdate(matcher);
-  }, []);
+
+    return () => {
+      matcher.removeEventListener('change', handleChange);
+    };
+  }, [onUpdate]);
 
   if (isDarkMode) {
     return (