Fix respecting Reduced Motion Settings in Layout Animations on Fabric

[piaskowyk]

Summary

This PR addresses the issue of respecting reduced motion settings for Layout Animations on Fabric. In addition it avoids double initialisation of entering animation for Fabric.

Fixes #6863

With Disabled Reduced Motion

Screen.Recording.2025-01-02.at.17.05.23.mov

With Enabled Reduced Motion

before	after
Screen.Recording.2025-01-02.at.17.02.40.mov	Screen.Recording.2025-01-02.at.17.01.42.mov

Test plan

Test Example code

import { Text, StyleSheet, View, Button } from 'react-native';
import Animated, { FadeIn, FadeOut, LinearTransition } from 'react-native-reanimated';

import React from 'react';

export default function EmptyExample() {
  const [toggle, setToggle] = React.useState(true);
  return (
    <View style={styles.container}>
      <Button title="Toggle" onPress={() => setToggle((prev) => !prev)} />
      {toggle && 
      <Animated.Text 
        entering={FadeIn.duration(2000)} 
        exiting={FadeOut.duration(1000)}
      >
        Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, Title 1, 
      </Animated.Text> }
      <Animated.Text 
        layout={LinearTransition.duration(1000)}
      >
        Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1, Paragraph 1
      </Animated.Text>
    </View>
  );
}

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