chore: replace svg with bg dotted pattern

Author: kevinkim-ogp

packages/frontend/src/components/Editor/index.tsx

@@ -162,7 +162,15 @@ export default function Editor(props: EditorProps): React.ReactElement {
   }
 
   return (
-    <Flex w="full" justifyContent="center" overflowX="hidden">
+    <Flex
+      w="full"
+      justifyContent="center"
+      overflowX="hidden"
+      sx={{
+        backgroundImage: 'radial-gradient(#f5f5f5 3px, transparent 3px)',
+        backgroundSize: '30px 30px',
+      }}
+    >
       <StepExecutionsToIncludeProvider value={stepExecutionsToInclude}>
         <Flex
           {...editorStyles.container}

packages/frontend/src/components/FlowStepGroup/styles.ts

@@ -8,6 +8,7 @@ export const flowStepGroupStyles = {
     borderColor: 'base.divider.medium',
     borderRadius: 'lg',
     borderTopRadius: 'lg',
+    bg: 'white',
   },
 
   header: {