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)/agreements/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useState } from "react";
+import { useScopeEffect } from "@/lib/company-scope";
 import {Plus } from "lucide-react";
 import { listAgreements } from "@/lib/api-v2";
 import { PageContainer, Badge, TableEmpty } from "@/components/shared/PageContainer";
@@ -19,12 +20,12 @@ export default function AgreementsPage() {
   const [items, setItems] = useState<Agreement[]>([]);
   const [isLoading, setIsLoading] = useState(true);
 
-  useEffect(() => {
+  useScopeEffect(() => {
     listAgreements()
       .then((resp) => setItems((resp.data as Agreement[]) ?? []))
       .catch(() => setItems([]))
       .finally(() => setIsLoading(false));
-  }, []);
+  });
 
   return (
     <PageContainer