feat: add refresh button to various dashboard pages for improved data fetching

apps/web/app/dashboard/users/page.tsx

@@ -17,7 +17,7 @@ import {
   TextField,
   useFilter,
 } from "@heroui/react";
-import { CreditCard, Pencil } from "@gravity-ui/icons";
+import { CreditCard, Pencil, ArrowRotateRight } from "@gravity-ui/icons";
 import { api, type IdTag, type UserRow } from "@/lib/api";
 import { useSession } from "@/lib/auth-client";
 
@@ -140,6 +140,7 @@ export default function UsersPage() {
 
   const [users, setUsers] = useState<UserRow[]>([]);
   const [loading, setLoading] = useState(true);
+  const [refreshing, setRefreshing] = useState(false);
   const [updating, setUpdating] = useState<string | null>(null);
 
   const [createForm, setCreateForm] = useState<CreateForm>(emptyCreate);
@@ -168,6 +169,17 @@ export default function UsersPage() {
     }
   };
 
+  const handleRefresh = async () => {
+    setRefreshing(true);
+    try {
+      setUsers(await api.users.list());
+    } catch {
+      // ignore
+    } finally {
+      setRefreshing(false);
+    }
+  };
+
   useEffect(() => {
     load();
   }, []);
@@ -296,7 +308,11 @@ export default function UsersPage() {
           <h1 className="text-xl font-semibold text-foreground">用户管理</h1>
           <p className="mt-0.5 text-sm text-muted">共 {users.length} 位用户（仅管理员可见）</p>
         </div>
-        <Modal>
+        <div className="flex items-center gap-2">
+          <Button isIconOnly size="sm" variant="ghost" isDisabled={refreshing} onPress={handleRefresh} aria-label="刷新">
+            <ArrowRotateRight className={`size-4 ${refreshing ? "animate-spin" : ""}`} />
+          </Button>
+          <Modal>
           <Button variant="secondary" onPress={() => setCreateForm(emptyCreate)}>
             新增用户
           </Button>
@@ -386,6 +402,7 @@ export default function UsersPage() {
             </Modal.Container>
           </Modal.Backdrop>
         </Modal>
+        </div>
       </div>
 
       <Table>