fix: scaling when mask is set

[jakex7]

Summary

This PR resolves an issue raised in #1451.
Currently, when a mask is used, we render the element as a bitmap (or platform equivalent), but the bitmap's size does not update accordingly with transformations. With these changes, the problem is addressed as follows:

• Android: We utilize the original canvas layers to render the mask and element with the appropriate blending mode.
• iOS: We create an offscreen context with the size multiplied by the screen scale and apply the original UIGraphics CTM (current transformation matrix) to the offscreen context. This ensures that the same transformations are applied as on the original context.

Additionally, there is a significant performance improvement on Android as we are not creating three new Bitmaps and three new Canvases.

Test Plan

There are many ways for testing these changes, but the required ones are:

• TestsExample app -> Test1451.tsx
• Example app -> Mask section
• FabricExample app -> Mask section

Compatibility

OS	Implemented
Android	✅
iOS	✅

Preview

[WoLewicki]

Please test it on many different examples since it changes the mask drawing logic. I also left some comments, please answer them. Looks good overall 🚀

[jakex7]

Please test it on many different examples since it changes the mask drawing logic. I also left some comments, please answer them. Looks good overall 🚀

I can confirm that all examples from these sites as well as a few random images found on the web are working as expected
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/mask
https://www.w3schools.com/graphics/svg_clipping_masking.asp

[WoLewicki]

Added some more comments, looks good overall. If you feel like its ready after answering the comments, you can merge it 🚀

[WoLewicki]

I hope it works correctly now 🚀