feat: multimodal support (image) (#27793)

Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

web/app/components/datasets/documents/list.tsx

@@ -2,9 +2,9 @@
 import type { FC } from 'react'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { useBoolean } from 'ahooks'
-import { ArrowDownIcon } from '@heroicons/react/24/outline'
 import { pick, uniq } from 'lodash-es'
 import {
+  RiArrowDownLine,
   RiEditLine,
   RiGlobalLine,
 } from '@remixicon/react'
@@ -181,8 +181,8 @@ const DocumentList: FC<IDocumentListProps> = ({
     return (
       <div className='flex cursor-pointer items-center hover:text-text-secondary' onClick={() => handleSort(field)}>
         {label}
-        <ArrowDownIcon
-          className={cn('ml-0.5 h-3 w-3 stroke-current stroke-2 transition-all',
+        <RiArrowDownLine
+          className={cn('ml-0.5 h-3 w-3 transition-all',
             isActive ? 'text-text-tertiary' : 'text-text-disabled',
             isActive && !isDesc ? 'rotate-180' : '',
           )}