feat: add CreateFlowModal #918 (#1343)

### What problem does this PR solve?

feat: add CreateFlowModal #918

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/flow/list/index.tsx

@@ -1,6 +1,6 @@
-import RenameModal from '@/components/rename-modal';
 import { PlusOutlined } from '@ant-design/icons';
 import { Button, Empty, Flex, Spin } from 'antd';
+import CreateFlowModal from './create-flow-modal';
 import FlowCard from './flow-card';
 import { useFetchDataOnMount, useSaveFlow } from './hooks';
 
@@ -39,13 +39,15 @@ const FlowList = () => {
           )}
         </Flex>
       </Spin>
-      <RenameModal
-        visible={flowSettingVisible}
-        onOk={onFlowOk}
-        loading={flowSettingLoading}
-        hideModal={hideFlowSettingModal}
-        initialName=""
-      ></RenameModal>
+      {flowSettingVisible && (
+        <CreateFlowModal
+          visible={flowSettingVisible}
+          onOk={onFlowOk}
+          loading={flowSettingLoading}
+          hideModal={hideFlowSettingModal}
+          initialName=""
+        ></CreateFlowModal>
+      )}
     </Flex>
   );
 };