fix: Respect RN view layout and transforms within ForeignObject (#2811)

# Summary
Fixes: #2733 (`Bug1`, `Bug3`)
Fixes: #1428 
Fixes: #2519

### Problem
When a React Native view (e.g., `<View>`, `<Text>`) is nested inside an
SVG `<ForeignObject>`, its own style properties like transform (scale,
rotate, translate) and its layout position are ignored during rendering.

This causes the nested view to be rendered incorrectly at the (0, 0)
origin of the` <ForeignObject>` without any of its applied
transformations, making it impossible to style or position elements
within the foreign object container.

### Solution
This PR fixes the issue by manually applying the child view's own
position and transformation matrix to the drawing context (the `Canvas`
on Android and `CGContext` on iOS) before the view is drawn.

On iOS we also reset `hidden` property to `false` for nested RN
components inside `ForeignObject` within `prepareForRecycle`. This
prevents views from being pooled in an invisible state and then
disappearing when they are subsequently reused on different screens.

With changes: 
<img width="797" height="291" alt="image"
src="https://github.com/user-attachments/assets/1faf0645-7ee0-432b-99e9-28129ba13c1c"
/>

Before changes:
<img width="793" height="304" alt="image"
src="https://github.com/user-attachments/assets/c2ffce3d-ca05-4e76-baa6-75765a754958"
/>


## Test Plan
Run test case from issue: #2733

Author: kacperzolkiewski

android/src/main/java/com/horcrux/svg/ForeignObjectView.java

@@ -11,6 +11,7 @@
 import android.annotation.SuppressLint;
 import android.graphics.Bitmap;
 import android.graphics.Canvas;
+import android.graphics.Matrix;
 import android.graphics.Paint;
 import android.graphics.RectF;
 import android.view.View;
@@ -110,7 +111,19 @@ void drawGroup(final Canvas canvas, final Paint paint, final float opacity) {
         }
       } else {
         // Enable rendering other native ancestor views in e.g. masks
+        final int saveCount = canvas.save();
+
+        int left = child.getLeft();
+        int top = child.getTop();
+        canvas.translate(left, top);
+
+        Matrix childMatrix = child.getMatrix();
+        if (!childMatrix.isIdentity()) {
+          canvas.concat(childMatrix);
+        }
+
         child.draw(canvas);
+        canvas.restoreToCount(saveCount);
       }
     }
     this.setClientRect(groupRect);

apple/Elements/RNSVGForeignObject.mm

@@ -139,9 +139,28 @@ - (void)renderGroupTo:(CGContextRef)context rect:(CGRect)rect
       CGContextClipToRect(context, svgViewRect);
       [svgView drawToContext:context withRect:svgViewRect];
     } else {
-      node.hidden = false;
+      CGContextSaveGState(context);
+      
+      CGRect bounds = node.layer.bounds;
+      CGPoint position = node.layer.position;
+      CATransform3D transform = node.layer.transform;
+
+      CGContextTranslateCTM(context, position.x, position.y);
+      
+      if (!CATransform3DIsIdentity(transform)) {
+        CGAffineTransform affine = CATransform3DGetAffineTransform(transform);
+        CGContextConcatCTM(context, affine);
+      }
+      
+      // This moves the origin from that center point to the object's top-left corner,
+      // which is where drawing operations will begin.
+      CGContextTranslateCTM(context, -bounds.size.width / 2, -bounds.size.height / 2);
+      
+      node.hidden = NO;
       [node.layer renderInContext:context];
-      node.hidden = true;
+      node.hidden = YES;
+
+      CGContextRestoreGState(context);
     }
 
     return YES;
@@ -173,6 +192,15 @@ - (void)renderGroupTo:(CGContextRef)context rect:(CGRect)rect
   [self popGlyphContext];
 }
 
+#ifdef RCT_NEW_ARCH_ENABLED
+- (void) willRemoveSubview:(RNSVGPlatformView *) subview
+{
+  if ([subview isKindOfClass:[RCTViewComponentView class]]) {
+    subview.hidden = NO;
+  }
+}
+#endif
+
 - (void)drawRect:(CGRect)rect
 {
   [self invalidate];