Feat/attachments (#9526)

Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: JzoNg <jzongcode@gmail.com>

web/app/components/datasets/documents/rename-modal.tsx

@@ -6,6 +6,7 @@ import { useBoolean } from 'ahooks'
 import Toast from '../../base/toast'
 import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
 import { renameDocumentName } from '@/service/datasets'
 
 type Props = {
@@ -59,7 +60,8 @@ const RenameModal: FC<Props> = ({
       onClose={onClose}
     >
       <div className={'mt-6 font-medium text-sm leading-[21px] text-gray-900'}>{t('datasetDocuments.list.table.name')}</div>
-      <input className={'mt-2 w-full rounded-lg h-10 box-border px-3 text-sm leading-10 bg-gray-100'}
+      <Input
+        className='mt-2 h-10'
         value={newName}
         onChange={e => setNewName(e.target.value)}
       />