Support deleting a task from a schedule

resources/scripts/components/server/schedules/ConfirmTaskDeletionModal.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import Modal, { RequiredModalProps } from '@/components/elements/Modal';
+
+type Props = RequiredModalProps & {
+    onConfirmed: () => void;
+}
+
+export default ({ onConfirmed, ...props }: Props) => (
+    <Modal {...props}>
+        <h2>Confirm task deletion</h2>
+        <p className={'text-sm mt-4'}>
+            Are you sure you want to delete this task? This action cannot be undone.
+        </p>
+        <div className={'flex items-center justify-end mt-8'}>
+            <button className={'btn btn-secondary btn-sm'} onClick={() => props.onDismissed()}>
+                Cancel
+            </button>
+            <button className={'btn btn-red btn-sm ml-4'} onClick={() => {
+                props.onDismissed();
+                onConfirmed();
+            }}>
+                Delete Task
+            </button>
+        </div>
+    </Modal>
+);