feat: delete the added model #503 and display an error message when the requested file fails to parse #684 (#708)

### What problem does this PR solve?

feat: delete the added model #503
feat: display an error message when the requested file fails to parse
#684

### Type of change

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

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

@@ -0,0 +1,25 @@
+import { Spin } from 'antd';
+import FileError from '../file-error';
+
+import { useFetchDocx } from '../hooks';
+import styles from './index.less';
+
+const Docx = ({ filePath }: { filePath: string }) => {
+  const { succeed, containerRef } = useFetchDocx(filePath);
+
+  return (
+    <>
+      {succeed ? (
+        <section className={styles.docxViewerWrapper}>
+          <div id="docx" ref={containerRef} className={styles.box}>
+            <Spin />
+          </div>
+        </section>
+      ) : (
+        <FileError></FileError>
+      )}
+    </>
+  );
+};
+
+export default Docx;