fix(scope): all pages react to company scope change via useScopeEffect

- Created useScopeEffect hook that auto-triggers reload on scope change
- Replaced useEffect([], []) with useScopeEffect in 20+ pages
- Risks/Reports/Dashboard also use useScopeEffect
- Removed redundant per-page useCompanyScope where only effect was needed

frontend/src/app/(investor)/dashboard/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { Building2, Heart, AlertTriangle, FileText, TrendingUp, TrendingDown, Minus } from "lucide-react";
 import Link from "next/link";
 import { getDashboardSummary, type DashboardSummary } from "@/lib/dashboard";
-import { useCompanyScope } from "@/lib/company-scope";
+import { useCompanyScope, useScopeEffect } from "@/lib/company-scope";
 import { LoadingSpinner } from "@/components/shared/LoadingSpinner";
 import { EmptyState } from "@/components/shared/EmptyState";
 import { HealthScoreBadge } from "@/components/shared/HealthScoreBadge";
@@ -18,7 +18,7 @@ export default function InvestorDashboardPage() {
   const [summary, setSummary] = useState<DashboardSummary | null>(null);
   const [isLoading, setIsLoading] = useState(true);
 
-  useEffect(() => {
+  useScopeEffect(() => {
     async function load() {
       try {
         const resp = await getDashboardSummary();
@@ -30,7 +30,7 @@ export default function InvestorDashboardPage() {
       }
     }
     load();
-  }, []);
+  });
 
   if (isLoading) {
     return (