feat: add ragflow web project & add pnpm workspace file

ragflow_web/src/components/file-icon/index.less

@@ -0,0 +1,4 @@
+.thumbnailImg {
+  display: inline-block;
+  max-width: 20px;
+}

ragflow_web/src/components/file-icon/index.tsx

@@ -0,0 +1,33 @@
+import { getExtension } from '@/utils/document-util';
+import SvgIcon from '../svg-icon';
+
+import { useFetchDocumentThumbnailsByIds } from '@/hooks/document-hooks';
+import { useEffect } from 'react';
+import styles from './index.less';
+
+interface IProps {
+  name: string;
+  id: string;
+}
+
+const FileIcon = ({ name, id }: IProps) => {
+  const fileExtension = getExtension(name);
+
+  const { data: fileThumbnails, setDocumentIds } =
+    useFetchDocumentThumbnailsByIds();
+  const fileThumbnail = fileThumbnails[id];
+
+  useEffect(() => {
+    if (id) {
+      setDocumentIds([id]);
+    }
+  }, [id, setDocumentIds]);
+
+  return fileThumbnail ? (
+    <img src={fileThumbnail} className={styles.thumbnailImg}></img>
+  ) : (
+    <SvgIcon name={`file-icon/${fileExtension}`} width={24}></SvgIcon>
+  );
+};
+
+export default FileIcon;