Fix post merge revamp navigation bar (#6297)

Closes #6285 

@charlesBochet Also added some more utils for our component state v2.

packages/twenty-front/src/modules/views/hooks/useQueryVariablesFromActiveFieldsOfViewOrDefaultView.ts

@@ -0,0 +1,32 @@
+import { useActiveFieldMetadataItems } from '@/object-metadata/hooks/useActiveFieldMetadataItems';
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { useViewOrDefaultViewFromPrefetchedViews } from '@/views/hooks/useViewOrDefaultViewFromPrefetchedViews';
+import { getQueryVariablesFromView } from '@/views/utils/getQueryVariablesFromView';
+
+export const useQueryVariablesFromActiveFieldsOfViewOrDefaultView = ({
+  objectMetadataItem,
+  viewId,
+}: {
+  objectMetadataItem: ObjectMetadataItem;
+  viewId: string | null | undefined;
+}) => {
+  const { view } = useViewOrDefaultViewFromPrefetchedViews({
+    objectMetadataItemId: objectMetadataItem.id,
+    viewId,
+  });
+
+  const { activeFieldMetadataItems } = useActiveFieldMetadataItems({
+    objectMetadataItem,
+  });
+
+  const { filter, orderBy } = getQueryVariablesFromView({
+    fieldMetadataItems: activeFieldMetadataItems,
+    objectMetadataItem,
+    view,
+  });
+
+  return {
+    filter,
+    orderBy,
+  };
+};

packages/twenty-front/src/modules/views/hooks/useViewOrDefaultViewFromPrefetchedViews.ts

@@ -0,0 +1,24 @@
+import { usePrefetchedData } from '@/prefetch/hooks/usePrefetchedData';
+import { PrefetchKey } from '@/prefetch/types/PrefetchKey';
+import { View } from '@/views/types/View';
+import { useMemo } from 'react';
+
+export const useViewOrDefaultViewFromPrefetchedViews = ({
+  objectMetadataItemId,
+  viewId,
+}: {
+  objectMetadataItemId: string;
+  viewId: string | null | undefined;
+}) => {
+  const { records: views } = usePrefetchedData<View>(PrefetchKey.AllViews);
+
+  const view = useMemo(() => {
+    return views.find(
+      (view: View) =>
+        (view.key === 'INDEX' || view?.id === viewId) &&
+        view?.objectMetadataId === objectMetadataItemId,
+    );
+  }, [viewId, views, objectMetadataItemId]);
+
+  return { view };
+};