Fix safari broken table (#11417)

In this PR:
- deprecate usage of useInView (react-intersection-observer) for record
table
- fixes #11254

packages/twenty-front/src/modules/ui/layout/dropdown/components/Dropdown.tsx

@@ -20,7 +20,6 @@ import { flushSync } from 'react-dom';
 import { Keys } from 'react-hotkeys-hook';
 import { useRecoilCallback } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';
-import { sleep } from '~/utils/sleep';
 import { useDropdown } from '../hooks/useDropdown';
 
 const StyledDropdownFallbackAnchor = styled.div`
@@ -115,8 +114,6 @@ export const Dropdown = ({
           dropdownHotkeyScope,
         );
 
-        await sleep(100);
-
         toggleDropdown();
         onClickOutside?.();
       },

packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx

@@ -14,6 +14,8 @@ const StyledScrollWrapper = styled.div`
   &.scroll-wrapper-y-enabled {
     overflow-y: scroll;
   }
+  overflow-x: hidden;
+  overflow-y: hidden;
   display: flex;
   width: 100%;
   height: 100%;