feat!: Svg intrinsic size, auto and custom shadow nodes for RNSVGSvg

[jakex7]

Summary

BREAKING CHANGE / NEW ARCH ONLY

Implement intrinsic and auto value for width and height on Svg component based on the specification.

Initial ‘svg’ element width and height are set to 'auto' [...]

To resolve 'auto' value on ‘svg’ element if the ‘viewBox’ attribute is not specified:

• Use author specified width and height ‘svg’ element attributes.
• If any of the sizing attributes are missing, resolve the missing ‘svg’ element width to '300px' and missing height to '150px' (using CSS 2.1 replaced elements size calculation).

To resolve 'auto' value on ‘svg’ element if the ‘viewBox’ attribute is specified:

• Use the ‘viewBox’ attribute to calculate the intrinsic aspect ratio of the ‘svg’ element.
• If the width or height attributes are not specified - keep not specified width or height as 'auto'.

A huge thanks to @janicduplessis for #1720 with a similar concept. However, it needed to be implemented slightly different for some edge cases and the RNSVGImage implementation, which requires being a yoga node.

Test Plan

Example app -> Svg examples

Compatibility

OS	Implemented
iOS	✅
MacOS	✅
Android	✅
Web	✅

Checklist

• I have tested this on a device and a simulator
• I added documentation in README.md
• I updated the typed files (typescript)

[jakex7]

Closing it for now as it's not compatible with paper and would be a huge breaking change.