Add Week 2 depth systems: research, events, competitors, talent, data

Tech tree with 21 research nodes across 5 categories (infrastructure,
efficiency, generation, specialization, safety). Research page with
category-grouped cards, progress tracking, prerequisite gating.

Event engine with 34 events across industry/regulatory/PR/internal/market
categories, weighted random firing, cooldowns, expiry, and choice modal
with consequence preview. Events auto-expire with default choice.

Competitor system with 3 rival AI labs (Prometheus AI, Nexus Labs, Titan
Computing), personality-driven milestone progression, and comparison UI.

Talent page with department hiring, headcount management, and key hire
recruitment from a pool of 10 named characters with special abilities.

Data marketplace with 8 purchasable datasets, user data flywheel from
subscribers, and data system processing in tick loop.

Era transition system checks revenue/capability/reputation thresholds.
All new systems integrated into tick processor with notifications.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

apps/web/src/components/layout/MainLayout.tsx

@@ -1,13 +1,18 @@
 import { Sidebar } from './Sidebar';
 import { TopBar } from './TopBar';
 import { ToastContainer } from '@/components/common/ToastContainer';
+import { EventModal } from '@/components/game/EventModal';
 import { useGameStore } from '@/store';
 import { DashboardPage } from '@/pages/DashboardPage';
 import { InfrastructurePage } from '@/pages/InfrastructurePage';
+import { ResearchPage } from '@/pages/ResearchPage';
 import { ModelsPage } from '@/pages/ModelsPage';
 import { SettingsPage } from '@/pages/SettingsPage';
 import { MarketPage } from '@/pages/MarketPage';
 import { FinancePage } from '@/pages/FinancePage';
+import { TalentPage } from '@/pages/TalentPage';
+import { DataPage } from '@/pages/DataPage';
+import { CompetitorsPage } from '@/pages/CompetitorsPage';
 
 export function MainLayout() {
   const activePage = useGameStore((s) => s.activePage);
@@ -22,6 +27,7 @@ export function MainLayout() {
         </main>
       </div>
       <ToastContainer />
+      <EventModal />
     </div>
   );
 }
@@ -30,9 +36,13 @@ function PageRouter({ page }: { page: string }) {
   switch (page) {
     case 'dashboard': return <DashboardPage />;
     case 'infrastructure': return <InfrastructurePage />;
+    case 'research': return <ResearchPage />;
     case 'models': return <ModelsPage />;
     case 'market': return <MarketPage />;
     case 'finance': return <FinancePage />;
+    case 'talent': return <TalentPage />;
+    case 'data': return <DataPage />;
+    case 'competitors': return <CompetitorsPage />;
     case 'settings': return <SettingsPage />;
     default: return <PlaceholderPage name={page} />;
   }