fix: positioning element inside viewbox (#2758)

# Summary
Fixes: #2078 
Fixes: #1343 

When `preserveAspectRatio !== "none"`, the initial `translateX` and
`translateY` values should be calculated after adjusting `scaleX` and
`scaleY` with `Math.min` or `Math.max` (depending on the `meetOrSlice`
value).
Previously `translateX` and `translateY` were computed before applying
this adjustment using the raw `scaleX` and `scaleY`. This caused
incorrect positioning of the content.

## Test Plan
Run examples from issues: #2078 and #1343

## Compatibility

| OS      | Implemented |
| ------- | :---------: |
| iOS     |    ✅      |
| MacOS   |    ✅      |
| Android |    ✅      |
| Web     |    ❌      |

Author: kacperzolkiewski

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

@@ -72,6 +72,9 @@ static Matrix getTransform(RectF vbRect, RectF eRect, String align, int meetOrSl
         scaleX = scaleY = Math.max(scaleX, scaleY);
       }
 
+      translateX = eX - (vbX * scaleX);
+      translateY = eY - (vbY * scaleY);
+
       // If align contains 'xMid', add (e-width - vb-width * scale-x) / 2 to translate-x.
       if (align.contains("xMid")) {
         translateX += (eWidth - vbWidth * scaleX) / 2.0d;

apple/Utils/RNSVGViewBox.mm

@@ -74,6 +74,9 @@ + (CGAffineTransform)getTransform:(CGRect)vbRect
       scaleX = scaleY = fmax(scaleX, scaleY);
     }
 
+    translateX = eX - (vbX * scaleX);
+    translateY = eY - (vbY * scaleY);
+
     // If align contains 'xMid', add (e-width - vb-width * scale-x) / 2 to translate-x.
     if ([align containsString:@"xMid"]) {
       translateX += (eWidth - vbWidth * scaleX) / 2.0;