fix: align access console status actions

frontend/src/pages/ApprovalQueuePage.tsx

@@ -5,6 +5,7 @@ import { formatVisitRange } from '../status';
 import { Dialog } from '../components/Dialog';
 
 type SortKey = 'visitorName' | 'company' | 'zoneName' | 'purpose' | 'visitFrom';
+type BusyAction = 'approve' | 'reject';
 
 const COLUMNS: { key: SortKey; label: string }[] = [
   { key: 'visitorName', label: '방문자' },
@@ -18,7 +19,7 @@ export const ApprovalQueuePage: React.FC = () => {
   const [items, setItems] = useState<VisitRequestView[]>([]);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
-  const [busyId, setBusyId] = useState<number | null>(null);
+  const [busyAction, setBusyAction] = useState<{ id: number; action: BusyAction } | null>(null);
   const [sortKey, setSortKey] = useState<SortKey | null>(null);
   const [sortDir, setSortDir] = useState<'asc' | 'desc'>('asc');
   const [rejectingId, setRejectingId] = useState<number | null>(null);
@@ -56,14 +57,14 @@ export const ApprovalQueuePage: React.FC = () => {
 
   const approve = async (id: number) => {
     setError(null);
-    setBusyId(id);
+    setBusyAction({ id, action: 'approve' });
     try {
       await approveRequest(id);
       load();
     } catch (e) {
       setError(e instanceof Error ? e.message : '처리 실패');
     } finally {
-      setBusyId(null);
+      setBusyAction(null);
     }
   };
 
@@ -72,14 +73,14 @@ export const ApprovalQueuePage: React.FC = () => {
     setRejectingId(null);
     if (id == null) return;
     setError(null);
-    setBusyId(id);
+    setBusyAction({ id, action: 'reject' });
     try {
       await rejectRequest(id, comment);
       load();
     } catch (e) {
       setError(e instanceof Error ? e.message : '처리 실패');
     } finally {
-      setBusyId(null);
+      setBusyAction(null);
     }
   };
 
@@ -119,8 +120,26 @@ export const ApprovalQueuePage: React.FC = () => {
                   <td>{r.purpose}</td>
                   <td>{formatVisitRange(r.visitFrom, r.visitTo)}</td>
                   <td className="action-cell">
-                    <button className="btn-success" disabled={busyId === r.id} onClick={() => approve(r.id)}>승인</button>
-                    <button className="btn-danger" disabled={busyId === r.id} onClick={() => setRejectingId(r.id)}>반려</button>
+                    <button
+                      className="btn-success"
+                      disabled={busyAction?.id === r.id && busyAction.action === 'approve'}
+                      onClick={() => {
+                        if (busyAction?.id === r.id) return;
+                        approve(r.id);
+                      }}
+                    >
+                      {busyAction?.id === r.id && busyAction.action === 'approve' ? '처리 중...' : '승인'}
+                    </button>
+                    <button
+                      className="btn-danger"
+                      disabled={busyAction?.id === r.id && busyAction.action === 'reject'}
+                      onClick={() => {
+                        if (busyAction?.id === r.id) return;
+                        setRejectingId(r.id);
+                      }}
+                    >
+                      {busyAction?.id === r.id && busyAction.action === 'reject' ? '처리 중...' : '반려'}
+                    </button>
                   </td>
                 </tr>
               ))}