Feat: Display inline (non-quoted) images in the chat and search modules #7623 (#7638)

### What problem does this PR solve?

Feat: Display inline (non-quoted) images in the chat and search modules
#7623

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/chat/markdown-content/index.tsx

@@ -20,7 +20,11 @@ import { useTranslation } from 'react-i18next';
 
 import 'katex/dist/katex.min.css'; // `rehype-katex` does not import the CSS for you
 
-import { preprocessLaTeX, replaceThinkToSection } from '@/utils/chat';
+import {
+  preprocessLaTeX,
+  replaceThinkToSection,
+  showImage,
+} from '@/utils/chat';
 import { replaceTextByOldReg } from '../utils';
 
 import classNames from 'classnames';
@@ -108,10 +112,11 @@ const MarkdownContent = ({
       const fileThumbnail = documentId ? fileThumbnails[documentId] : '';
       const fileExtension = documentId ? getExtension(document?.doc_name) : '';
       const imageId = chunkItem?.image_id;
+      const docType = chunkItem?.doc_type;
 
-      return (
+      return showImage(docType) ? (
         <Image id={imageId} className={styles.referenceChunkImage}></Image>
-      );
+      ) : null;
 
       return (
         <div key={chunkItem?.id} className="flex gap-2">