chore: Reanimated hooks cleanup (#443)

## Description

A little cleanup of reanimated hooks and improvement of the
`useFrameCallback` to prevent re-subscription on renders.

Author: MatiPl01

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

@@ -21,9 +21,9 @@ type AnimatedHeightContainerProps = PropsWithChildren<
   DropIndicatorSettings & {
     dimensionsAnimationType: DimensionsAnimation;
     overflow: Overflow;
-    onLayout: (width: number, height: number) => void;
     debug?: boolean;
     style?: StyleProp<ViewStyle>;
+    onLayout: (width: number, height: number) => void;
   }
 >;
 
@@ -76,7 +76,7 @@ export default function SortableContainer({
         animateWorklet
       )
     };
-  }, [dimensionsAnimationType]);
+  });
 
   const innerContainerStyle = useAnimatedStyle(() => ({
     ...(controlledContainerDimensions.height &&

packages/react-native-sortables/src/providers/shared/AutoScrollProvider/index.tsx

@@ -62,7 +62,8 @@ const { AutoScrollProvider, useAutoScrollContext } = createProvider(
   // SMOOTH SCROLL POSITION UPDATER
   // Updates the scroll position smoothly
   // (quickly at first, then slower if the remaining distance is small)
-  const frameCallback = useFrameCallback(() => {
+  const frameCallbackFunction = useCallback(() => {
+    'worklet';
     const targetOffset = targetScrollOffset.value;
     if (!isFrameCallbackActive.value || targetOffset === null) {
       return;
@@ -96,7 +97,17 @@ const { AutoScrollProvider, useAutoScrollContext } = createProvider(
       scrollTo(scrollableRef, 0, nextOffset, false);
     }
     prevScrollToOffset.value = nextOffset;
-  }, false);
+  }, [
+    isFrameCallbackActive,
+    isHorizontal,
+    prevScrollToOffset,
+    scrollableRef,
+    scrollOffset,
+    speed,
+    targetScrollOffset
+  ]);
+
+  const frameCallback = useFrameCallback(frameCallbackFunction, false);
 
   const toggleFrameCallback = useCallback(
     (isEnabled: boolean) => frameCallback.setActive(isEnabled),