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/components/message-input/index.tsx

@@ -30,12 +30,12 @@ import get from 'lodash/get';
 import { Paperclip } from 'lucide-react';
 import {
   ChangeEventHandler,
+  KeyboardEventHandler,
   memo,
   useCallback,
   useEffect,
   useRef,
   useState,
-  KeyboardEventHandler,
 } from 'react';
 import FileIcon from '../file-icon';
 import styles from './index.less';
@@ -64,7 +64,7 @@ interface IProps {
   sendDisabled: boolean;
   sendLoading: boolean;
   onPressEnter(documentIds: string[]): void;
-  onInputChange: ChangeEventHandler<HTMLInputElement>;
+  onInputChange: ChangeEventHandler<HTMLTextAreaElement>;
   conversationId: string;
   uploadMethod?: string;
   isShared?: boolean;
@@ -216,7 +216,9 @@ const MessageInput = ({
           placeholder={t('sendPlaceholder')}
           value={value}
           disabled={disabled}
-          className={classNames({ [styles.inputWrapper]: fileList.length === 0 })}
+          className={classNames({
+            [styles.inputWrapper]: fileList.length === 0,
+          })}
           onKeyDown={handleInputKeyDown}
           onChange={onInputChange}
           autoSize={{ minRows: 1, maxRows: 6 }}