Fix: type-script new change (#5159)

### What problem does this PR solve?
```
fixed type-script on MessageInput change to TextArea
```
_Briefly describe what this PR aims to solve. Include background context
that will help reviewers understand the purpose of the PR._

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

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

@@ -1,12 +1,12 @@
 import MessageItem from '@/components/message-item';
 import { MessageType } from '@/constants/chat';
-import { useTranslate } from '@/hooks/common-hooks';
 import { useGetFileIcon } from '@/pages/chat/hooks';
 import { buildMessageItemReference } from '@/pages/chat/utils';
-import { Button, Flex, Input, Spin } from 'antd';
+import { Flex, Spin } from 'antd';
 
 import { useSendNextMessage } from './hooks';
 
+import MessageInput from '@/components/message-input';
 import PdfDrawer from '@/components/pdf-drawer';
 import { useClickDrawer } from '@/components/pdf-drawer/hooks';
 import { useFetchFlow } from '@/hooks/flow-hooks';
@@ -29,7 +29,6 @@ const FlowChatBox = () => {
   const { visible, hideModal, documentId, selectedChunk, clickDocumentButton } =
     useClickDrawer();
   useGetFileIcon();
-  const { t } = useTranslate('chat');
   const { data: userInfo } = useFetchUserInfo();
   const { data: canvasInfo } = useFetchFlow();
 
@@ -67,21 +66,15 @@ const FlowChatBox = () => {
           </div>
           <div ref={ref} />
         </Flex>
-        <Input
-          size="large"
-          placeholder={t('sendPlaceholder')}
+        <MessageInput
+          showUploadIcon={false}
           value={value}
-          suffix={
-            <Button
-              type="primary"
-              onClick={handlePressEnter}
-              loading={sendLoading}
-            >
-              {t('send')}
-            </Button>
-          }
+          sendLoading={sendLoading}
+          disabled={false}
+          sendDisabled={sendLoading}
+          conversationId=""
           onPressEnter={handlePressEnter}
-          onChange={handleInputChange}
+          onInputChange={handleInputChange}
         />
       </Flex>
       <PdfDrawer

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

@@ -16,7 +16,6 @@ const ChatDrawer = ({ visible, hideModal }: IModalProps<any>) => {
       getContainer={false}
       width={getDrawerWidth()}
       mask={false}
-      // zIndex={10000}
     >
       <FlowChatBox></FlowChatBox>
     </Drawer>