feat(ui): confirm destructive admin actions

src/views/AdminCoupons.tsx

@@ -4,6 +4,7 @@ import * as React from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Edit3, Plus, Trash2 } from "lucide-react";
 import AdminDateTimeField from "@/components/AdminDateTimeField";
+import ConfirmAction from "@/components/ConfirmAction";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
@@ -160,9 +161,17 @@ export default function AdminCoupons() {
                           <Button size="icon" variant="outline" onClick={() => openEdit(item)} aria-label="ویرایش">
                             <Edit3 className="h-4 w-4" />
                           </Button>
-                          <Button size="icon" variant="outline" className="text-destructive hover:text-destructive" onClick={() => deleteMutation.mutate(item.id)} aria-label="حذف">
-                            <Trash2 className="h-4 w-4" />
-                          </Button>
+                          <ConfirmAction
+                            title="حذف کد تخفیف"
+                            description={`آیا از حذف کد «${item.code}» مطمئن هستید؟ این کد دیگر در لیست‌های عادی نمایش داده نمی‌شود.`}
+                            onConfirm={() => deleteMutation.mutate(item.id)}
+                            disabled={deleteMutation.isPending}
+                            trigger={
+                              <Button size="icon" variant="outline" className="text-destructive hover:text-destructive" disabled={deleteMutation.isPending} aria-label="حذف">
+                                <Trash2 className="h-4 w-4" />
+                              </Button>
+                            }
+                          />
                         </div>
                       </td>
                     </tr>