Create delete run confirm dialog

frontend/components/DeleteConfirmDialog.tsx

@@ -0,0 +1,34 @@
+import { Button, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter } from '@nextui-org/react';
+
+type Props = {
+  isOpen: boolean;
+  onCancel: () => void;
+  onConfirm: () => void;
+  closeText: string;
+  confirmText: string;
+  deleteText: string;
+};
+
+export default function ProjectDialog({ isOpen, onCancel, onConfirm, closeText, confirmText, deleteText }: Props) {
+  return (
+    <Modal
+      isOpen={isOpen}
+      onOpenChange={() => {
+        onCancel();
+      }}
+    >
+      <ModalContent>
+        <ModalHeader className="flex flex-col gap-1">{deleteText}</ModalHeader>
+        <ModalBody>{confirmText}</ModalBody>
+        <ModalFooter>
+          <Button variant="light" onPress={onCancel}>
+            {closeText}
+          </Button>
+          <Button color="danger" onPress={() => onConfirm()}>
+            {deleteText}
+          </Button>
+        </ModalFooter>
+      </ModalContent>
+    </Modal>
+  );
+}