feat: sf metadata display (#6249)

* feat: sf metadata display

* feat: update code

* feat: update code

* feat: lock react version

* feat: bug

* feat: optimize code

* feat: update transalte

* feat: update transalte

* feat: rebase code

* Feat: update code

* Feat: update code

---------

Co-authored-by: 杨国璇 <ygx@192.168.1.5>
Co-authored-by: 杨国璇 <ygx@Hello-word.local>
Co-authored-by: 杨国璇 <ygx@192.168.1.13>

frontend/src/metadata/metadata-view/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { MetadataProvider, CollaboratorsProvider, RecordDetailsProvider } from  './hooks/index';
+import { Table } from './components/index';
+
+const SeafileMetadata = ({ collaborators, collaboratorsCache, updateCollaboratorsCache, ...params }) => {
+  const collaboratorsProviderProps = {
+    collaborators,
+    collaboratorsCache,
+    updateCollaboratorsCache,
+  };
+
+  return (
+    <MetadataProvider { ...params }>
+      <CollaboratorsProvider { ...collaboratorsProviderProps }>
+        <RecordDetailsProvider>
+          <Table />
+        </RecordDetailsProvider>
+      </CollaboratorsProvider>
+    </MetadataProvider>
+  );
+};
+
+SeafileMetadata.propTypes = {
+  collaborators: PropTypes.array,
+  collaboratorsCache: PropTypes.object,
+  updateCollaboratorsCache: PropTypes.func,
+};
+
+export default SeafileMetadata;