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/hooks/useScrollToPosition.ts

@@ -0,0 +1,20 @@
+import { overlayScrollbarsState } from '@/ui/utilities/scroll/states/overlayScrollbarsState';
+import { useRecoilCallback } from 'recoil';
+
+export const useScrollToPosition = () => {
+  const scrollToPosition = useRecoilCallback(
+    ({ snapshot }) =>
+      (scrollPositionInPx: number) => {
+        const overlayScrollbars = snapshot
+          .getLoadable(overlayScrollbarsState)
+          .getValue();
+
+        const scrollWrapper = overlayScrollbars?.elements().viewport;
+
+        scrollWrapper?.scrollTo({ top: scrollPositionInPx });
+      },
+    [],
+  );
+
+  return { scrollToPosition };
+};