fixed news

src/App.tsx

@@ -14,6 +14,7 @@ import { ClickableMascot as ClickableMascotType, Upgrade } from './types'; // Im
 import { UPGRADES } from './config/upgrades'; // Import UPGRADES for upgrade config
 import { useLocation, Link } from 'wouter'; // Import wouter hooks
 import AdminPage from './components/AdminPage'; // Import AdminPage
+import { NewsMarquee } from './components/NewsMarquee'; // Import NewsMarquee
 
 function App() {
   const { isSignedIn, isLoaded, userId: clerkUserId } = useAuth(); // Get clerkUserId from useAuth
@@ -216,6 +217,11 @@ function App() {
         </div>
       )}
 
+      {/* News Marquee */}
+      {gameState.upgrades['news']?.owned > 0 && UPGRADES.find(u => u.id === 'news')?.newsTitles && (
+        <NewsMarquee titles={UPGRADES.find(u => u.id === 'news')!.newsTitles!} />
+      )}
+
       <div className="container mx-auto px-4 py-8 relative z-10">
         {/* Header */}
         <div className="mb-8">