Feat/metadata with datatable v2 (#2110)

* Reworked metadata creation

* Wip

* Fix from PR

* Removed consolelog

* Post merge

* Fixed seeds

* Wip

* Added dynamic routing

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/metadata/components/MetadataObjectNavItems.tsx

@@ -0,0 +1,29 @@
+import { IconBuildingSkyscraper } from '@/ui/display/icon';
+import NavItem from '@/ui/navigation/navbar/components/NavItem';
+import { useGetClientConfigQuery } from '~/generated/graphql';
+import { capitalize } from '~/utils/string/capitalize';
+
+import { useFindManyMetadataObjects } from '../hooks/useFindManyMetadataObjects';
+
+export const MetadataObjectNavItems = () => {
+  const { data } = useGetClientConfigQuery();
+
+  const { metadataObjects } = useFindManyMetadataObjects();
+
+  const isFlexibleBackendEnabled = data?.clientConfig?.flexibleBackendEnabled;
+
+  if (!isFlexibleBackendEnabled) return <></>;
+
+  return (
+    <>
+      {metadataObjects.map((metadataObject) => (
+        <NavItem
+          key={metadataObject.id}
+          label={capitalize(metadataObject.namePlural)}
+          to={`/objects/${metadataObject.namePlural}`}
+          Icon={IconBuildingSkyscraper}
+        />
+      ))}
+    </>
+  );
+};