feat: Revamp navigation bar (#6031)

closes: #4428

Testing for fetchMoreRecords is pending, along with component tests

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

packages/twenty-front/src/modules/object-metadata/components/PreComputedChipGeneratorsProvider.tsx

@@ -0,0 +1,30 @@
+import React, { useMemo } from 'react';
+import { useRecoilValue } from 'recoil';
+
+import { PreComputedChipGeneratorsContext } from '@/object-metadata/context/PreComputedChipGeneratorsContext';
+import { objectMetadataItemsState } from '@/object-metadata/states/objectMetadataItemsState';
+import { getRecordChipGenerators } from '@/object-record/utils/getRecordChipGenerators';
+
+export const PreComputedChipGeneratorsProvider = ({
+  children,
+}: React.PropsWithChildren) => {
+  const objectMetadataItems = useRecoilValue(objectMetadataItemsState);
+
+  const { chipGeneratorPerObjectPerField, identifierChipGeneratorPerObject } =
+    useMemo(() => {
+      return getRecordChipGenerators(objectMetadataItems);
+    }, [objectMetadataItems]);
+
+  return (
+    <>
+      <PreComputedChipGeneratorsContext.Provider
+        value={{
+          chipGeneratorPerObjectPerField,
+          identifierChipGeneratorPerObject,
+        }}
+      >
+        {children}
+      </PreComputedChipGeneratorsContext.Provider>
+    </>
+  );
+};