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/modules/settings/components/SettingsNavigationDrawerItems.tsx

@@ -41,10 +41,7 @@ export const SettingsNavigationDrawerItems = () => {
 
   return (
     <ScrollWrapper
-      contextProviderName="navigationDrawer"
       componentInstanceId={`scroll-wrapper-settings-navigation-drawer`}
-      scrollbarVariant="no-padding"
-      heightMode="fit-content"
       defaultEnableXScroll={false}
     >
       <StyledInnerContainer>

packages/twenty-front/src/modules/settings/components/SettingsPageContainer.tsx

@@ -30,11 +30,7 @@ export const SettingsPageContainer = ({
 }: {
   children: ReactNode;
 }) => (
-  <ScrollWrapper
-    contextProviderName="settingsPageContainer"
-    heightMode="full"
-    componentInstanceId={'scroll-wrapper-settings-page-container'}
-  >
+  <ScrollWrapper componentInstanceId={'scroll-wrapper-settings-page-container'}>
     <StyledSettingsPageContainer>{children}</StyledSettingsPageContainer>
   </ScrollWrapper>
 );