Remove overlay-scroll-bar (#11258)

## What

- Deprecate overlayscrollbars as we decided to follow the native
behavior
- rework on performances (avoid calling recoil states too much at field
level which is quite expensive)
- Also implements:
https://github.com/twentyhq/core-team-issues/issues/569

---------

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

packages/twenty-front/src/testing/decorators/getFieldDecorator.tsx

@@ -12,11 +12,11 @@ import {
 } from '@/object-record/record-store/contexts/RecordFieldValueSelectorContext';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
+import { isDefined } from 'twenty-shared/utils';
 import { getCompaniesMock } from '~/testing/mock-data/companies';
 import { generatedMockObjectMetadataItems } from '~/testing/mock-data/generatedMockObjectMetadataItems';
 import { getPeopleRecordConnectionMock } from '~/testing/mock-data/people';
 import { mockedTasks } from '~/testing/mock-data/tasks';
-import { isDefined } from 'twenty-shared/utils';
 
 const RecordMockSetterEffect = ({
   companies,
@@ -141,6 +141,7 @@ export const getFieldDecorator =
                 objectMetadataItem,
               }),
               hotkeyScope: 'hotkey-scope',
+              isReadOnly: false,
             }}
           >
             <RecordMockSetterEffect

packages/twenty-front/src/testing/hooks/useMockFieldContext.tsx

@@ -56,6 +56,7 @@ export const useMockFieldContext = ({
               hotkeyScope:
                 customHotkeyScope ?? InlineCellHotkeyScope.InlineCell,
               clearable,
+              isReadOnly: false,
             }}
           >
             {children}