scrollbar on every page

frontend/src/components/features/live-blog/LiveBlogViewer.tsx

@@ -214,7 +214,7 @@ export function LiveBlogViewer({ slug, className }: LiveBlogViewerProps) {
 
         <div
           ref={updatesContainerRef}
-          className="max-h-[600px] overflow-y-auto px-6 pb-6"
+          className="px-6 pb-6"
           onScroll={handleScroll}
         >
           {updates.length === 0 && !updatesLoading ? (

frontend/src/routes.tsx

@@ -11,7 +11,6 @@ import { AuthPage } from './components/routes/AuthPage'
 import { SportComponent } from './components/routes/SportComponent'
 import { ArtComponent } from './components/routes/ArtComponent'
 import { ScienceComponent } from './components/routes/ScienceComponent'
-import { LiveBlogTicker } from './components/features/live-blog/LiveBlogTicker'
 import { ProtectedRoute } from './components/auth/ProtectedRoute'
 import { Header } from './components/layout/Header'
 import { HeroArticle } from './components/home/HeroArticle'
@@ -33,6 +32,7 @@ const rootRoute = createRootRoute({
   component: () => (
     <div className="min-h-screen bg-background text-foreground flex flex-col">
       <Header />
+      <ArticleTicker />
 
       <main className="flex-1">
         <Outlet />
@@ -85,10 +85,6 @@ const indexRoute = createRoute({
   path: '/',
   component: () => (
     <div>
-      <ArticleTicker />
-      
-      <LiveBlogTicker className="border-b-4 border-foreground" />
-      
       <div className="container mx-auto max-w-6xl px-4 py-8 md:py-12">
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
           <div className="lg:col-span-2">