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

apps/web/app/dashboard/charge-points/[id]/page.tsx

@@ -16,7 +16,7 @@ import {
   Table,
   TextField,
 } from "@heroui/react";
-import { ArrowLeft, Pencil, PlugConnection } from "@gravity-ui/icons";
+import { ArrowLeft, Pencil, PlugConnection, ArrowRotateRight } from "@gravity-ui/icons";
 import { api } from "@/lib/api";
 import { useSession } from "@/lib/auth-client";
 
@@ -107,7 +107,7 @@ export default function ChargePointDetailPage({ params }: { params: Promise<{ id
     feePerKwh: "0",
   });
 
-  const cpQuery = useQuery({
+  const { isFetching: refreshing, ...cpQuery } = useQuery({
     queryKey: ["chargePoint", id],
     queryFn: () => api.chargePoints.get(id),
     refetchInterval: 3_000,
@@ -227,12 +227,17 @@ export default function ChargePointDetailPage({ params }: { params: Promise<{ id
             </p>
           )}
         </div>
-        {isAdmin && (
-          <Button size="sm" variant="secondary" onPress={openEdit}>
-            <Pencil className="size-4" />
-            编辑
+        <div className="flex items-center gap-2">
+          <Button isIconOnly size="sm" variant="ghost" isDisabled={refreshing} onPress={() => cpQuery.refetch()} aria-label="刷新">
+            <ArrowRotateRight className={`size-4 ${refreshing ? "animate-spin" : ""}`} />
           </Button>
-        )}
+          {isAdmin && (
+            <Button size="sm" variant="secondary" onPress={openEdit}>
+              <Pencil className="size-4" />
+              编辑
+            </Button>
+          )}
+        </div>
       </div>
 
       {/* Info grid */}

apps/web/app/dashboard/charge-points/page.tsx

@@ -14,7 +14,7 @@ import {
   Table,
   TextField,
 } from "@heroui/react";
-import { Plus, Pencil, PlugConnection, TrashBin } from "@gravity-ui/icons";
+import { Plus, Pencil, PlugConnection, TrashBin, ArrowRotateRight } from "@gravity-ui/icons";
 import Link from "next/link";
 import { api, type ChargePoint } from "@/lib/api";
 import { useSession } from "@/lib/auth-client";
@@ -74,7 +74,7 @@ export default function ChargePointsPage() {
   const [formBusy, setFormBusy] = useState(false);
   const [deleteTarget, setDeleteTarget] = useState<ChargePoint | null>(null);
   const [deleting, setDeleting] = useState(false);
-  const { data: chargePoints = [], refetch: refetchList } = useQuery({
+  const { data: chargePoints = [], refetch: refetchList, isFetching: refreshing } = useQuery({
     queryKey: ["chargePoints"],
     queryFn: () => api.chargePoints.list().catch(() => []),
     refetchInterval: 3_000,
@@ -152,12 +152,17 @@ export default function ChargePointsPage() {
           <h1 className="text-xl font-semibold text-foreground">充电桩管理</h1>
           <p className="mt-0.5 text-sm text-muted">共 {chargePoints.length} 台设备</p>
         </div>
-        {isAdmin && (
-          <Button size="sm" variant="secondary" onPress={openCreate}>
-            <Plus className="size-4" />
-            新建充电桩
+        <div className="flex items-center gap-2">
+          <Button isIconOnly size="sm" variant="ghost" isDisabled={refreshing} onPress={() => refetchList()} aria-label="刷新">
+            <ArrowRotateRight className={`size-4 ${refreshing ? "animate-spin" : ""}`} />
           </Button>
-        )}
+          {isAdmin && (
+            <Button size="sm" variant="secondary" onPress={openCreate}>
+              <Plus className="size-4" />
+              新建充电桩
+            </Button>
+          )}
+        </div>
       </div>
 
       {/* Create / Edit modal — admin only */}