[Docs] Improve docs (#4325)

## Description

This PR introduces few enhancements to our docs, namely:

- Updates old blogpost link
- Adds info about migration skill
- Adds labels to `Touchable` and some deprecated components
- Fixes wrongly displayed `<InteractiveExample` in top level of each
section
- Splits Composition page into hooks

## Test plan

Read docs 🤓

---------

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: m-bert

packages/docs-gesture-handler/docs/components/reanimated_swipeable.mdx

@@ -215,30 +215,30 @@ childrenContainerStyle?: StyleProp<ViewStyle>;
 
 Style object for the children container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
 
-### simultaneousWithExternalGesture
+### simultaneousWith
 
 ```ts
-simultaneousWithExternalGesture?: AnyGesture | AnyGesture[];
+simultaneousWith?: AnyGesture | AnyGesture[];
 ```
 
-Gestures to be recognized simultaneously with the `Swipeable` (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+Gestures to be recognized simultaneously with the `Swipeable` (see [`simultaneousWith`](/docs/composition/simultaneous-with)).
 
-### requireExternalGestureToFail
+### requireToFail
 
 ```ts
-requireExternalGestureToFail?: AnyGesture | AnyGesture[];
+requireToFail?: AnyGesture | AnyGesture[];
 ```
 
-Gestures that `Swipeable` has to wait for before activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+Gestures that `Swipeable` has to wait for before activating (see [`requireToFail`](/docs/composition/require-to-fail)).
 
 
-### blocksExternalGesture
+### block
 
 ```ts
-blocksExternalGesture?: AnyGesture | AnyGesture[];
+block?: AnyGesture | AnyGesture[];
 ```
 
-Gestures that `Swipeable` will prevent from activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+Gestures that `Swipeable` will prevent from activating (see [`block`](/docs/composition/block)).
 
 <Badges platforms={['ios', 'web']}>
 ### enableTrackpadTwoFingerGesture

packages/docs-gesture-handler/docs/components/wrapped-components.mdx

@@ -87,4 +87,4 @@ Those components also receive an additional prop named `onGestureUpdate_CAN_CAUS
 onGestureUpdate_CAN_CAUSE_INFINITE_RERENDER?: (gesture: NativeGesture) => void;
 ```
 
-This callback is invoked when the wrapped component's underlying `Native` gesture instance or configuration changes, providing access to the underlying gesture. This can be helpful when setting up [relations](/docs/fundamentals/gesture-composition) with other gestures. You can check example usage in our [`ScrollView`](https://github.com/software-mansion/react-native-gesture-handler/blob/main/packages/react-native-gesture-handler/src/v3/components/GestureComponents.tsx#L78) component.
+This callback is invoked when the wrapped component's underlying `Native` gesture instance or configuration changes, providing access to the underlying gesture. This can be helpful when setting up [relations](/docs/composition/overview) with other gestures. You can check example usage in our [`ScrollView`](https://github.com/software-mansion/react-native-gesture-handler/blob/main/packages/react-native-gesture-handler/src/v3/components/GestureComponents.tsx#L78) component.

packages/docs-gesture-handler/docs/composition/_category_.json

@@ -0,0 +1,7 @@
+{
+  "label": "Gesture composition & interactions",
+  "position": 3,
+  "link": {
+    "type": "generated-index"
+  }
+}

…ndamentals/_examples/hooks/Competing.tsx …omposition/_examples/hooks/Competing.tsxpackages/docs-gesture-handler/docs/fundamentals/_examples/hooks/Competing.tsx renamed to packages/docs-gesture-handler/docs/composition/_examples/hooks/Competing.tsx packages/docs-gesture-handler/docs/fundamentals/_examples/hooks/Competing.tsx renamed to packages/docs-gesture-handler/docs/composition/_examples/hooks/Competing.tsx

@@ -0,0 +1,16 @@
+---
+id: block
+title: block
+sidebar_label: block
+sidebar_position: 5
+---
+
+import Block from '!!raw-loader!.//\_examples/props/Block';
+
+`block` works similarly to `requireToFail` but the direction of the relation is reversed - instead of being a one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
+
+<CollapsibleCode 
+label="Show full example"
+expandedLabel="Hide full example"
+lineBounds={[22, 86]}
+src={Block}/>