feat: replace Dialog component with ConfirmActionDialog for improved confirmation handling

frontend/src/app/board-groups/page.tsx

@@ -24,14 +24,7 @@ import {
 import type { BoardGroupRead } from "@/api/generated/model";
 import { DashboardPageLayout } from "@/components/templates/DashboardPageLayout";
 import { Button, buttonVariants } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
+import { ConfirmActionDialog } from "@/components/ui/confirm-action-dialog";
 import { formatTimestamp } from "@/lib/formatters";
 import { TableEmptyStateRow, TableLoadingRow } from "@/components/ui/table-state";
 
@@ -268,37 +261,25 @@ export default function BoardGroupsPage() {
           <p className="mt-4 text-sm text-red-500">{groupsQuery.error.message}</p>
         ) : null}
       </DashboardPageLayout>
-      <Dialog
+      <ConfirmActionDialog
         open={!!deleteTarget}
-        onOpenChange={(nextOpen) => {
-          if (!nextOpen) {
+        onOpenChange={(open) => {
+          if (!open) {
             setDeleteTarget(null);
           }
         }}
-      >
-        <DialogContent aria-label="Delete board group">
-          <DialogHeader>
-            <DialogTitle>Delete board group</DialogTitle>
-            <DialogDescription>
-              This will remove {deleteTarget?.name}. Boards will be ungrouped.
-              This action cannot be undone.
-            </DialogDescription>
-          </DialogHeader>
-          {deleteMutation.error ? (
-            <div className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-muted)] p-3 text-xs text-muted">
-              {deleteMutation.error.message}
-            </div>
-          ) : null}
-          <DialogFooter>
-            <Button variant="outline" onClick={() => setDeleteTarget(null)}>
-              Cancel
-            </Button>
-            <Button onClick={handleDelete} disabled={deleteMutation.isPending}>
-              {deleteMutation.isPending ? "Deleting…" : "Delete"}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
+        ariaLabel="Delete board group"
+        title="Delete board group"
+        description={
+          <>
+            This will remove {deleteTarget?.name}. Boards will be ungrouped.
+            This action cannot be undone.
+          </>
+        }
+        errorMessage={deleteMutation.error?.message}
+        onConfirm={handleDelete}
+        isConfirming={deleteMutation.isPending}
+      />
     </>
   );
 }