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/base/file-thumb/image-render.tsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+type ImageRenderProps = {
+  sourceUrl: string
+  name: string
+}
+
+const ImageRender = ({
+  sourceUrl,
+  name,
+}: ImageRenderProps) => {
+  return (
+    <div className='size-full border-[2px] border-effects-image-frame shadow-xs'>
+      <img
+        className='size-full object-cover'
+        src={sourceUrl}
+        alt={name}
+      />
+    </div>
+  )
+}
+
+export default React.memo(ImageRender)