Fix: thumbnails issue in chat (#14415)

[Uploading part_4-13.pdf…]()
### What problem does this PR solve?

In chat, the thumbnails didn't display correctly

### Type of change

- [ ] Bug Fix (non-breaking change which fixes an issue)

Steps to reproduce:
1. create dataset and upload a file (see attached)
2. parse the document
3. once parsing completed, create a chat and associate it with the
dataset
4. ask a question (DAP VS DAPE comparison)
5. check result

web/src/components/image/index.tsx

@@ -1,4 +1,4 @@
-import { webAPI } from '@/utils/api';
+import { restAPIv1 } from '@/utils/api';
 import classNames from 'classnames';
 import React from 'react';
 import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
@@ -13,7 +13,7 @@ const Image = ({ id, t, label, className, ...props }: IImage) => {
   const imageElement = (
     <img
       {...props}
-      src={`${webAPI}/document/image/${id}${t ? `?_t=${t}` : ''}`}
+      src={`${restAPIv1}/documents/images/${id}${t ? `?_t=${t}` : ''}`}
       className={classNames('max-w-[45vw] max-h-[40wh] block', className)}
     />
   );

web/src/components/next-message-item/reference-image-list.tsx

@@ -7,7 +7,7 @@ import {
   CarouselPrevious,
 } from '@/components/ui/carousel';
 import { IReferenceChunk } from '@/interfaces/database/chat';
-import { webAPI } from '@/utils/api';
+import { restAPIv1 } from '@/utils/api';
 import { isPlainObject } from 'lodash';
 import { RotateCw, ZoomIn, ZoomOut } from 'lucide-react';
 import { useMemo } from 'react';
@@ -79,7 +79,7 @@ function ImageCarousel({ images }: { images: ImageItem[] }) {
               @2xl:basis-1/6
               "
             >
-              <PhotoView src={`${webAPI}/document/image/${id}`}>
+              <PhotoView src={`${restAPIv1}/documents/images/${id}`}>
                 <Image
                   id={id}
                   className="h-40 w-full"