feat: add description text to operators and extract the useFetchModelId to logicHooks.ts and drag the operator to the canvas and initialize the form data #918 (#1379)

### What problem does this PR solve?

feat: add description text to operators #918 
feat: drag the operator to the canvas and initialize the form data #918
feat: extract the useFetchModelId to logicHooks.ts
### Type of change


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

web/src/pages/flow/chat/drawer.tsx

@@ -1,16 +1,19 @@
+import { useFetchFlow } from '@/hooks/flow-hooks';
 import { IModalProps } from '@/interfaces/common';
 import { Drawer } from 'antd';
 import FlowChatBox from './box';
 
 const ChatDrawer = ({ visible, hideModal }: IModalProps<any>) => {
+  const { data } = useFetchFlow();
+
   return (
     <Drawer
-      title="Debug"
+      title={data.title}
       placement="right"
       onClose={hideModal}
       open={visible}
       getContainer={false}
-      width={window.innerWidth > 1278 ? '30%' : 470}
+      width={window.innerWidth > 1278 ? '40%' : 470}
       mask={false}
       // zIndex={10000}
     >