feat(next-search): Implements document preview functionality #3221 (#9465)

### What problem does this PR solve?

feat(next-search): Implements document preview functionality

- Adds a new document preview modal component
- Implements document preview page logic
- Adds document preview-related hooks
- Optimizes document preview rendering logic
### Type of change

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

web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.tsx

@@ -40,6 +40,7 @@ import {
   useNavigatePage,
 } from '@/hooks/logic-hooks/navigate-hooks';
 import { useFetchKnowledgeBaseConfiguration } from '@/hooks/use-knowledge-request';
+import { useGetDocumentUrl } from '../../../knowledge-chunk/components/document-preview/hooks';
 import styles from './index.less';
 
 const Chunk = () => {
@@ -73,6 +74,7 @@ const Chunk = () => {
   } = useUpdateChunk();
   const { navigateToDataset, getQueryString, navigateToDatasetList } =
     useNavigatePage();
+  const fileUrl = useGetDocumentUrl();
   useEffect(() => {
     setChunkList(data);
   }, [data]);
@@ -212,6 +214,7 @@ const Chunk = () => {
                 fileType={fileType}
                 highlights={highlights}
                 setWidthAndHeight={setWidthAndHeight}
+                url={fileUrl}
               ></DocumentPreview>
             </section>
           </div>