remove nav listener on unmount

src/components/HeroSection/index.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import img from "../../images/F23.prince.learning.turquoise.jpg";
 import {
     HeroCitationBlock,
@@ -124,7 +123,7 @@ export default function HeroSection() {
                         <HeroCitationBlock>
                             <pre>
                                 <code>
-                                    <React.Fragment>{citation}</React.Fragment>
+                                    <>{citation}</>
                                 </code>
                             </pre>
                         </HeroCitationBlock>

src/components/NavBar/index.jsx

@@ -15,6 +15,7 @@ import {
 export default function NavBar({ toggle }) {
     const [scrollNav, setScrollNav] = useState(false);
 
+    useEffect(() => {
         const changeNav = () => {
             if (window.scrollY >= 80) {
                 setScrollNav(true);
@@ -23,8 +24,11 @@ export default function NavBar({ toggle }) {
             }
         };
 
-    useEffect(() => {
         window.addEventListener("scroll", changeNav);
+
+        return () => {
+            window.removeEventListener("scroll", changeNav);
+        };
     }, []);
 
     const toggleHome = () => {

src/components/ScrollToTop.jsx

@@ -5,7 +5,7 @@ export default function ScrollToTop() {
     const { pathname } = useLocation();
 
     useEffect(() => {
-        window.scrollTo(0, 0, {});
+        window.scrollTo(0, 0, { behavior: "smooth" });
     }, [pathname]);
 
     return null;