Fix resolving ref to SVG components on Web

[piaskowyk]

Summary

In some cases, such as Layout Animation, we need a reference to the DOM component instead of the React component. However, for animations, we require a reference to the React component because sometimes we can directly on DOM component (JS Props). This PR adds a component field to accommodate both types of references.

Without:

With:

Test plan

Example code

import Animated, {
  FadeIn,
} from 'react-native-reanimated';
import { Circle, Svg } from 'react-native-svg';
import { StyleSheet, View } from 'react-native';

import React from 'react';

const AnimatedCircle = Animated.createAnimatedComponent(Circle);

export default function SvgExample() {
  return (
    <View style={styles.container}>
      <Svg height="200" width="200">
        <AnimatedCircle
          entering={FadeIn}
          cx="50%"
          cy="50%"
          fill="lime"
          r={100}
        />
      </Svg>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});