Fix route navigation scroll position by adding global ScrollToTop

parfum-shop/src/App.jsx

@@ -8,10 +8,13 @@ import SupportPage from "./pages/SupportPage";
 import DiscoverySetPage from "./pages/DiscoverySetPage";
 import Footer from "./components/Footer";
 import SupportChatbot from "./components/SupportChatbot";
+import ScrollToTop from "./components/ScrollToTop";
 
 function App() {
   return (
     <>
+      <ScrollToTop />
+
       <Routes>
         <Route path="/" element={<LandingPage />} />
         <Route path="/duft/:perfumeSlug" element={<ProductDetailPage />} />

parfum-shop/src/components/ScrollToTop.jsx

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router";
+
+function ScrollToTop() {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+
+  return null;
+}
+
+export default ScrollToTop;