fix: Prevent auto scroll from over scrolling content container (#484)

## Description

This PR is an another fix to the issue that I attempted to fix in the
#473 PR. It seems that the issue still occurred as the `measure`
function and the `scrollOffset` value received from the
`useScrollOffset` weren't updated in sync.

Author: MatiPl01

example/app/src/examples/SortableGrid/features/AutoScrollExample.tsx

@@ -18,7 +18,7 @@ import { useBottomNavBarHeight } from '@/providers';
 import { colors, spacing, style } from '@/theme';
 import { getItems } from '@/utils';
 
-const MANY_ITEMS = getItems(21);
+const MANY_ITEMS = getItems(30);
 const FEW_ITEMS = getItems(6);
 
 const LIST_ITEM_SECTIONS = ['List item 1', 'List item 2', 'List item 3'];

packages/react-native-sortables/src/components/SortableFlex.tsx

@@ -236,9 +236,7 @@ function SortableFlexComponent({
       {...rest}
       containerStyle={[baseContainerStyle, animatedContainerStyle]}
       itemStyle={styles.styleOverride}
-      onLayout={runOnUI((w, h) => {
-        handleContainerMeasurement(w, h);
-      })}
+      onLayout={runOnUI(handleContainerMeasurement)}
     />
   );
 }

packages/react-native-sortables/src/components/shared/SortableContainer.tsx

@@ -115,9 +115,9 @@ export default function SortableContainer({
       <AnimatedOnLayoutView
         ref={containerRef}
         style={[containerStyle, innerContainerStyle]}
-        onLayout={({ nativeEvent: { layout } }) => {
-          onLayout(layout.width, layout.height);
-        }}>
+        onLayout={({ nativeEvent: { layout } }) =>
+          onLayout(layout.width, layout.height)
+        }>
         <ItemsOutlet
           itemEntering={itemEntering}
           itemExiting={itemExiting}