Feat: Replace antd with shadcn and delete the template node. #10427 (#11693)

### What problem does this PR solve?

Feat: Replace antd with shadcn and delete the template node. #10427
### Type of change


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

web/src/pages/document-viewer/index.tsx

@@ -1,6 +1,5 @@
 import { Images } from '@/constants/common';
 import { api_host } from '@/utils/api';
-// import { Flex } from 'antd';
 import { useParams, useSearchParams } from 'umi';
 // import Docx from './docx';
 // import Excel from './excel';

web/src/pages/document-viewer/pdf/index.tsx

@@ -1,55 +0,0 @@
-import { Authorization } from '@/constants/authorization';
-import { getAuthorization } from '@/utils/authorization-util';
-import { Skeleton } from 'antd';
-import { PdfHighlighter, PdfLoader } from 'react-pdf-highlighter';
-import FileError from '../file-error';
-import { useCatchError } from '../hooks';
-type PdfLoaderProps = React.ComponentProps<typeof PdfLoader> & {
-  httpHeaders?: Record<string, string>;
-};
-
-const Loader = PdfLoader as React.ComponentType<PdfLoaderProps>;
-
-interface IProps {
-  url: string;
-}
-
-const PdfPreviewer = ({ url }: IProps) => {
-  const { error } = useCatchError(url);
-  const resetHash = () => {};
-  const httpHeaders = {
-    [Authorization]: getAuthorization(),
-  };
-  return (
-    <div style={{ width: '100%', height: '100%' }}>
-      <Loader
-        url={url}
-        httpHeaders={httpHeaders}
-        beforeLoad={<Skeleton active />}
-        workerSrc="/pdfjs-dist/pdf.worker.min.js"
-        errorMessage={<FileError>{error}</FileError>}
-        onError={(e) => {
-          console.warn(e);
-        }}
-      >
-        {(pdfDocument) => {
-          return (
-            <PdfHighlighter
-              pdfDocument={pdfDocument}
-              enableAreaSelection={(event) => event.altKey}
-              onScrollChange={resetHash}
-              scrollRef={() => {}}
-              onSelectionFinished={() => null}
-              highlightTransform={() => {
-                return <div></div>;
-              }}
-              highlights={[]}
-            />
-          );
-        }}
-      </Loader>
-    </div>
-  );
-};
-
-export default PdfPreviewer;