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/file-error/index.less

@@ -0,0 +1,4 @@
+.errorWrapper {
+  width: 100%;
+  height: 100%;
+}

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

@@ -0,0 +1,15 @@
+import { Alert, Flex } from 'antd';
+
+import { useTranslate } from '@/hooks/commonHooks';
+import styles from './index.less';
+
+const FileError = () => {
+  const { t } = useTranslate('fileManager');
+  return (
+    <Flex align="center" justify="center" className={styles.errorWrapper}>
+      <Alert type="error" message={<h1>{t('fileError')}</h1>}></Alert>
+    </Flex>
+  );
+};
+
+export default FileError;