Load all data on record boards (#5070)

## Context

For users with many records, only the first n*60 records were loaded on
board views (n being the number of visible columns). This was because of
the following behavior:
- watch for end of column visibility changes. If an end of column is
visible, try to fetch more. However, watching for visbility changes is
not reliable enough.

## What we want

If an end of column is visible, try to fetch more. If no more records is
availble in pagination, do not fetch more

packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx

@@ -166,7 +166,10 @@ export const ViewPickerCreateOrEditContent = () => {
                 label="Stages"
                 fullWidth
                 value={viewPickerKanbanFieldMetadataId}
-                onChange={(value) => setViewPickerKanbanFieldMetadataId(value)}
+                onChange={(value) => {
+                  setViewPickerIsDirty(true);
+                  setViewPickerKanbanFieldMetadataId(value);
+                }}
                 options={
                   availableFieldsForKanban.length > 0
                     ? availableFieldsForKanban.map((field) => ({

packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContentEffect.tsx

@@ -64,10 +64,14 @@ export const ViewPickerCreateOrEditContentEffect = () => {
   ]);
 
   useEffect(() => {
-    if (availableFieldsForKanban.length > 0) {
+    if (availableFieldsForKanban.length > 0 && !viewPickerIsDirty) {
       setViewPickerKanbanFieldMetadataId(availableFieldsForKanban[0].id);
     }
-  }, [availableFieldsForKanban, setViewPickerKanbanFieldMetadataId]);
+  }, [
+    availableFieldsForKanban,
+    setViewPickerKanbanFieldMetadataId,
+    viewPickerIsDirty,
+  ]);
 
   return <></>;
 };