Generalize withTiming/withSpring to animate objects

[mstach60161]

Summary

This PR adds possibility to animate objects with withTiming/withSpring functions.

• Added AnimatableValueObject type
• Added objectOnStart
• Added objectOnFrame

Test plan

import Animated, {
  useSharedValue,
  withTiming,
  useAnimatedStyle,
  Easing,
} from 'react-native-reanimated';
import { View, Button } from 'react-native';
import React from 'react';

export default function AnimatedStyleUpdateExample(): React.ReactElement {
  function makeColor(x: number) {
    'worklet';
    return `hsl(${Math.round(x * 240)}, 100%, 50%)`;
  }
  const randomObject = useSharedValue({width: 100, height: 150, backgroundColor: makeColor(50) });

  const config = {
    duration: 2000,
    easing: Easing.bezier(0.5, 0.01, 0, 1),
  };

  const style = useAnimatedStyle(() => {
    return {
      width: randomObject.value.width,
      height: randomObject.value.height,
      backgroundColor: randomObject.value.backgroundColor,
    }
  });

  const onButtonPress = () => {
    const value = Math.random() * 400;
    const value2 = Math.random() * 400;
    const value3 = Math.random() * 400;
    const value4 = Math.random() * 400;
    randomObject.value = withSequence(withTiming({
        width: value, 
        height: value2, 
        backgroundColor: makeColor(value*value2)
      }, config
    ), 
    withDelay(1000, withTiming({
      width: value3, 
      height: value4, 
      backgroundColor: makeColor(value3*value4)
    }, config
  )))
  };

  return (
    <View
      style={{
        flex: 1,
        flexDirection: 'column',
      }}>
      <Animated.View
        style={[
          { width: 100, height: 80, backgroundColor: 'black', margin: 30 },
          style,
        ]}
      />
      <Button
        title="toggle"
        onPress={onButtonPress}
      />
    </View>
  );
}

[piaskowyk]

Generally looks good! Did you tested it with more complex animation like withSequence and withDelay?