fix(navigation): clean up global scroll listeners

Signed-off-by: Manishnemade12 <mnemade140@gmail.com>

Author: Manishnemade12

src/sections/Company/Brand/index.js

@@ -91,9 +91,15 @@ const easeOutCuaic = (t) => {
 const Brand = () => {
   const [scroll, setScroll] = useState(false);
   useEffect(() => {
-    window.addEventListener("scroll", () =>
-      window.scrollY > 510 ? setScroll(true) : setScroll(false)
-    );
+    const handleHeaderScroll = () => {
+      window.scrollY > 510 ? setScroll(true) : setScroll(false);
+    };
+
+    window.addEventListener("scroll", handleHeaderScroll);
+
+    return () => {
+      window.removeEventListener("scroll", handleHeaderScroll);
+    };
   }, []);
 
   const [visibleSection, setVisibleSection] = useState();

src/sections/General/Navigation/index.js

@@ -262,9 +262,15 @@ const Navigation = () => {
   }, [expand]);
 
   useEffect(() => {
-    window.addEventListener("scroll", () =>
-      window.scrollY > 50 ? setScroll(true) : setScroll(false)
-    );
+    const handleScroll = () => {
+      window.scrollY > 50 ? setScroll(true) : setScroll(false);
+    };
+
+    window.addEventListener("scroll", handleScroll);
+
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
   }, []);
 
   const openDropDown = () => {