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/ChangeInventoryPage.tsx

@@ -1,12 +1,11 @@
 import { useEffect, useMemo, useState } from "react";
-import { useLocation, useSearchParams } from "react-router-dom";
-import { Warehouse as WarehouseIcon } from "lucide-react";
+import { useSearchParams } from "react-router-dom";
 import { toast } from "sonner";
 import { Header, PageLayout } from "../../components/layout/Header";
 import { useAuthStore } from "../../store/auth";
-import { PanelMenu } from "../../components/PanelMenu";
-import { inventorySubheader, panelMenuItems, pmMenuItems, useLogout } from "./panelMenu";
+import { inventorySubheader } from "./panelMenu";
 import { apiV26 } from "../../lib/api";
+import { notifyDataChanged } from "../../lib/crossTab";
 import { useInventoryData, unitName, whName } from "./useInventoryData";
 import { JalaliDatePicker } from "../../components/JalaliDatePicker";
 import type { InventoryTransaction, TransactionType } from "../../lib/types";
@@ -46,8 +45,6 @@ function jalDateLabel(d: Date): string {
 
 // تغییر موجودی — پورت کامل صفحه‌ی ارسالی (همه انواع تراکنش)
 export function ChangeInventoryPage() {
-  const location = useLocation();
-  const logout = useLogout();
   const user = useAuthStore((s) => s.user);
   const data = useInventoryData();
   const [params] = useSearchParams();
@@ -186,6 +183,8 @@ export function ChangeInventoryPage() {
     try {
       for (const op of ops) await postOne(op);
       toast.success("ثبت شد ✓");
+      // اعلام به تب‌های دیگر (داشبورد/کنترل روزانه/... باز خودشان را تازه می‌کنند)
+      notifyDataChanged("inventory");
       setRows([]);
       setMatTxt("");
       setBrandTxt("");
@@ -394,7 +393,7 @@ export function ChangeInventoryPage() {
   if (isAdmin) {
     return (
       <div className="min-h-screen">
-        <Header title="تغییر موجودی" menu={<PanelMenu title="پنل مدیریت انبار" items={panelMenuItems(location.pathname, user?.role, logout)} />} />
+        <Header title="تغییر موجودی" backTo="/inventory" backLabel="بازگشت به داشبورد" />
         <PageLayout>
           <div className="rounded-xl border border-line bg-panel p-8 text-center">
             <div className="text-3xl">🔒</div>
@@ -408,7 +407,7 @@ export function ChangeInventoryPage() {
   if (!isPM) {
     return (
       <div className="min-h-screen">
-        <Header title="تغییر موجودی" menu={<PanelMenu title="پنل مدیریت انبار" items={panelMenuItems(location.pathname, user?.role, logout)} />} />
+        <Header title="تغییر موجودی" backTo="/inventory" backLabel="بازگشت به داشبورد" />
         <PageLayout>
           <div className="text-[13px] text-muted">این بخش فقط برای مدیر پروژه است.</div>
         </PageLayout>
@@ -426,8 +425,6 @@ export function ChangeInventoryPage() {
         sub={inventorySubheader(user)}
         backTo="/inventory"
         backLabel="بازگشت به داشبورد"
-        icon={<WarehouseIcon className="h-4.5 w-4.5" strokeWidth={2} />}
-        menu={<PanelMenu title="پنل مدیریت انبار" items={pmMenuItems(logout)} />}
       />
       <PageLayout className="flex flex-col gap-3">
         {/* انتخاب نوع تراکنش */}