docs: Add different grid item heights support example (#205)

## Description

This PR adds different grid items heights support example to docs
showing that sortable components can handle layout where components have
different heights.

Author: MatiPl01

packages/docs/docs/grid/examples/different-item-heights.mdx

@@ -0,0 +1,73 @@
+---
+sidebar_position: 4
+description: ''
+---
+
+# Different Item Heights
+
+## Description
+
+This example shows that the **Sortable Grid** component can handle **different item heights** without any issues.
+
+Similar to the **Sortable Grid** component, the **Sortable Flex** component can also handle **different item heights**.
+
+## Source Code
+
+```tsx
+import { useCallback } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import type { SortableGridRenderItem } from 'react-native-sortable';
+import Sortable from 'react-native-sortable';
+
+const DATA = Array.from({ length: 12 }, (_, index) => `Item ${index + 1}`);
+
+export default function Example() {
+  const renderItem = useCallback<SortableGridRenderItem<string>>(
+    ({ item }) => (
+      <View
+        style={[
+          styles.card,
+          { height: Math.random() * 150 + 50 } // random height for demo purposes
+        ]}>
+        <Text style={styles.text}>{item}</Text>
+      </View>
+    ),
+    []
+  );
+
+  return (
+    <View style={styles.container}>
+      <Sortable.Grid
+        columnGap={10}
+        columns={3}
+        data={DATA}
+        renderItem={renderItem}
+        rowGap={10}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  card: {
+    alignItems: 'center',
+    backgroundColor: '#36877F',
+    borderRadius: 10,
+    height: 100,
+    justifyContent: 'center'
+  },
+  container: {
+    padding: 10
+  },
+  text: {
+    color: 'white',
+    fontWeight: 'bold'
+  }
+});
+```
+
+## Result
+
+import defaultVideo from '@site/static/video/grid-different-item-heights.mp4';
+
+<video autoPlay loop muted width='300px' src={defaultVideo} />

packages/docs/docs/grid/examples/touchables.mdx

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 4
+sidebar_position: 5
 description: ''
 ---