feat(sync): live cross-module cache invalidation (no manual refresh)

- procurement store refreshes right after a warehouse receipt (arrivals) and
  after role/project changes (organization/admin), so the ledger reflects
  warehouse actions immediately
- refetchOnWindowFocus enabled on the shared query client
- BroadcastChannel (lib/crossTab.ts): mutations broadcast 'quotes' /
  'inventory'; all warehouse pages + the store hook resync open tabs
  automatically (receipt in one tab updates the ledger in another)
- warehouse mutations (stock changes) notify other tabs; same-page refresh
  behavior unchanged

frontend/src/pages/Inventory/OrganizationPage.tsx

@@ -1,12 +1,11 @@
 import { useCallback, useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { Warehouse as WarehouseIcon } from "lucide-react";
 import { toast } from "sonner";
 import { Header, PageLayout } from "../../components/layout/Header";
 import { useAuthStore } from "../../store/auth";
-import { PanelMenu } from "../../components/PanelMenu";
-import { accountMenuItems, inventorySubheader, useLogout } from "./panelMenu";
+import { inventorySubheader } from "./panelMenu";
 import { apiV26, type UserRow } from "../../lib/api";
+import { refreshProcurementStore } from "../../hooks";
 import { useInventoryData } from "./useInventoryData";
 import { faNum } from "../../lib/formatters";
 
@@ -21,7 +20,6 @@ const ROLE_LABELS: Record<string, string> = {
 // سازمان‌دهی (فقط ادمین / مدیر تدارکات) — کاربران، مدیران پروژه و انبارهای هر پروژه
 export function OrganizationPage() {
     const navigate = useNavigate();
-  const logout = useLogout();
   const user = useAuthStore((s) => s.user);
   const data = useInventoryData();
 
@@ -74,7 +72,7 @@ export function OrganizationPage() {
   if (!canManage) {
     return (
       <div className="min-h-screen">
-        <Header title="سازمان‌دهی" menu={<PanelMenu title="پنل مدیریت انبار" items={accountMenuItems(logout)} />} />
+        <Header title="سازمان‌دهی" backTo="/inventory" backLabel="بازگشت به داشبورد" />
         <PageLayout>
           <div className="text-[13px] text-muted">این بخش فقط برای ادمین / مدیر تدارکات است.</div>
         </PageLayout>
@@ -90,6 +88,7 @@ export function OrganizationPage() {
       await apiV26.users.updateRole(u.id, role);
       toast.success(`نقش «${ROLE_LABELS[role ?? ""] ?? "بدون نقش"}» برای ${u.first_name} ${u.last_name} ثبت شد ✓`);
       await loadUsers();
+      refreshProcurementStore();
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "خطا در تغییر نقش");
     } finally {
@@ -105,6 +104,7 @@ export function OrganizationPage() {
       toast.success(project ? `«${u.first_name} ${u.last_name}» به پروژه «${project.name}» متصل شد ✓` : "مدیر پروژه از پروژه جدا شد");
       await loadUsers();
       await data.refresh();
+      refreshProcurementStore();
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "خطا در اتصال مدیر به پروژه");
     } finally {
@@ -158,8 +158,6 @@ export function OrganizationPage() {
         sub={inventorySubheader(user)}
         backTo="/inventory"
         backLabel="بازگشت به داشبورد"
-        icon={<WarehouseIcon className="h-4.5 w-4.5" strokeWidth={2} />}
-        menu={<PanelMenu title="پنل مدیریت انبار" items={accountMenuItems(logout)} />}
       />
       <PageLayout className="flex flex-col gap-3">
         <div className="rounded-lg border border-blue/20 bg-blue/5 px-3 py-2 text-[12px] leading-6 text-muted">