docs: Add matrix transform documentation and example

Fixes #1899

Added comprehensive documentation for the matrix transform property
which was previously undocumented despite being supported in React Native.

Changes:
- Added matrix transform example in the interactive demo
- Documented the 4x4 matrix structure and column-major order
- Provided practical examples of matrix usage
- Added note about when to use matrix vs individual transforms
- Clarified that matrix is useful for UI editors and pre-calculated transforms

This addresses the confusion around the deprecated transformMatrix
property and provides clear guidance on using the modern matrix syntax.

Author: AbhishekGiri04

docs/transforms.md

@@ -129,6 +129,20 @@ const App = () => (
           ]}>
           <Text style={styles.text}>TranslateY by 50 </Text>
         </View>
+
+        <View
+          style={[
+            styles.box,
+            {
+              transform: [
+                {
+                  matrix: [1, 0.5, 0, 0, 0.5, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
+                },
+              ],
+            },
+          ]}>
+          <Text style={styles.text}>Matrix Transform</Text>
+        </View>
       </ScrollView>
     </SafeAreaView>
   </SafeAreaProvider>
@@ -195,6 +209,43 @@ The skew transformations require a string so that the transform may be expressed
 }
 ```
 
+### Matrix Transform
+
+The `matrix` transform accepts a 4x4 transformation matrix as an array of 16 numbers. This allows you to apply complex transformations that combine translation, rotation, scaling, and skewing in a single operation.
+
+The matrix is specified in column-major order:
+
+```js
+{
+  transform: [
+    {
+      matrix: [
+        scaleX, skewY, 0, 0,
+        skewX, scaleY, 0, 0,
+        0, 0, 1, 0,
+        translateX, translateY, 0, 1
+      ]
+    }
+  ]
+}
+```
+
+For example, to apply a combination of scale and skew:
+
+```js
+{
+  transform: [
+    {
+      matrix: [1, 0.5, 0, 0, 0.5, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]
+    }
+  ]
+}
+```
+
+:::note
+Matrix transforms are useful when you need to apply pre-calculated transformation matrices, such as those from animation libraries or when building UI editor applications. For simple transformations, it's recommended to use the individual transform properties (scale, rotate, translate, etc.) as they are more readable.
+:::
+
 | Type                                                                                                                                                                                                                                                                                                          | Required |
 | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
 | array of objects: `{matrix: number[]}`, `{perspective: number}`, `{rotate: string}`, `{rotateX: string}`, `{rotateY: string}`, `{rotateZ: string}`, `{scale: number}`, `{scaleX: number}`, `{scaleY: number}`, `{translateX: number}`, `{translateY: number}`, `{skewX: string}`, `{skewY: string}` or string | No       |