refactor: ♻️ Rename step to block

apps/builder/components/shared/Graph/Nodes/BlockNode/SettingsPopoverContent/SettingsModal.tsx

@@ -0,0 +1,38 @@
+import {
+  Modal,
+  ModalOverlay,
+  ModalContent,
+  ModalHeader,
+  ModalCloseButton,
+  ModalBody,
+  ModalFooter,
+  ModalBodyProps,
+} from '@chakra-ui/react'
+import React from 'react'
+
+type Props = {
+  isOpen: boolean
+  onClose: () => void
+}
+
+export const SettingsModal = ({
+  isOpen,
+  onClose,
+  ...props
+}: Props & ModalBodyProps) => {
+  const handleMouseDown = (e: React.MouseEvent) => {
+    e.stopPropagation()
+  }
+  return (
+    <Modal isOpen={isOpen} onClose={onClose}>
+      <ModalOverlay />
+      <ModalContent onMouseDown={handleMouseDown}>
+        <ModalHeader mb="2">
+          <ModalCloseButton />
+        </ModalHeader>
+        <ModalBody {...props}>{props.children}</ModalBody>
+        <ModalFooter />
+      </ModalContent>
+    </Modal>
+  )
+}