refactor(metadata): update code structure (#6765)

frontend/src/metadata/components/metadata-view-name.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useMetadata } from '../hooks';
+
+const MetadataViewName = ({ id }) => {
+  const { viewsMap } = useMetadata();
+  if (!id) return null;
+  const view = viewsMap[id];
+  if (!view) return null;
+  return (<>{view.name}</>);
+};
+
+MetadataViewName.propTypes = {
+  id: PropTypes.string,
+};
+
+export default MetadataViewName;