Ensure pages scroll to the top on navigation and update content

Implement a global scroll-to-top component for all page navigations and update existing article content via database seeding.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 200b6518-4814-45b7-85de-b6af1979176c
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ee1CXlO
Replit-Helium-Checkpoint-Created: true

client/src/App.tsx

@@ -1,4 +1,5 @@
-import { Switch, Route } from "wouter";
+import { Switch, Route, useLocation } from "wouter";
+import { useEffect } from "react";
 import { queryClient } from "./lib/queryClient";
 import { QueryClientProvider } from "@tanstack/react-query";
 import { Toaster } from "@/components/ui/toaster";
@@ -20,26 +21,37 @@ import KontaktPage from "@/pages/kontakt";
 import AdminGalleryPage from "@/pages/admin-gallery";
 import CookieConsent from "@/components/cookie-consent";
 
+function ScrollToTop() {
+  const [location] = useLocation();
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [location]);
+  return null;
+}
+
 function Router() {
   return (
-    <Switch>
-      <Route path="/" component={Home} />
-      <Route path="/search" component={SearchPage} />
-      <Route path="/article/:slug" component={ArticlePage} />
-      <Route path="/category/:category" component={CategoryPage} />
-      <Route path="/videos" component={VideosPage} />
-      <Route path="/gallery" component={GalleryPageWrapper} />
-      <Route path="/horoskop" component={HoroscopePage} />
-      <Route path="/horoskop/:sign" component={HoroscopePage} />
-      <Route path="/rezepte" component={RecipesPage} />
-      <Route path="/empfang-folx-tv" component={EmpfangPage} />
-      <Route path="/ueber-uns" component={AboutPage} />
-      <Route path="/impressum" component={ImpressumPage} />
-      <Route path="/datenschutz" component={DatenschutzPage} />
-      <Route path="/kontakt" component={KontaktPage} />
-      <Route path="/admin/gallery" component={AdminGalleryPage} />
-      <Route component={NotFound} />
-    </Switch>
+    <div>
+      <ScrollToTop />
+      <Switch>
+        <Route path="/" component={Home} />
+        <Route path="/search" component={SearchPage} />
+        <Route path="/article/:slug" component={ArticlePage} />
+        <Route path="/category/:category" component={CategoryPage} />
+        <Route path="/videos" component={VideosPage} />
+        <Route path="/gallery" component={GalleryPageWrapper} />
+        <Route path="/horoskop" component={HoroscopePage} />
+        <Route path="/horoskop/:sign" component={HoroscopePage} />
+        <Route path="/rezepte" component={RecipesPage} />
+        <Route path="/empfang-folx-tv" component={EmpfangPage} />
+        <Route path="/ueber-uns" component={AboutPage} />
+        <Route path="/impressum" component={ImpressumPage} />
+        <Route path="/datenschutz" component={DatenschutzPage} />
+        <Route path="/kontakt" component={KontaktPage} />
+        <Route path="/admin/gallery" component={AdminGalleryPage} />
+        <Route component={NotFound} />
+      </Switch>
+    </div>
   );
 }
 

client/src/pages/article.tsx

@@ -165,10 +165,6 @@ export default function ArticlePage() {
     };
   }, [article, articleUrl, articleImage]);
 
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, [slug]);
-
   useEffect(() => {
     if (!article?.content) return;
     if (article.content.includes("instagram.com")) {