Remove native animation fabric sync in JS and infinite animation loop workaround

Summary:
## Changelog:

[General] [Changed] - Remove native animation fabric sync in JS and infinite animation loop workaround, when cxxNativeAnimated is enabled

when cxxNativeAnimated is enabled, we'll sync native animation props back to Fabric in native, when that happens we can remove the code in JS for same purpose

Differential Revision: D74198568

Author: zeyap

packages/react-native/Libraries/Animated/animations/Animation.js

@@ -13,6 +13,7 @@ import type AnimatedNode from '../nodes/AnimatedNode';
 import type AnimatedValue from '../nodes/AnimatedValue';
 
 import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
+import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 import AnimatedProps from '../nodes/AnimatedProps';
 
 export type EndResult = {
@@ -149,8 +150,10 @@ export default class Animation {
           if (value != null) {
             animatedValue.__onAnimatedValueUpdateReceived(value, offset);
 
-            if (this.__isLooping === true) {
-              return;
+            if (!ReactNativeFeatureFlags.cxxNativeAnimatedEnabled()) {
+              if (this.__isLooping === true) {
+                return;
+              }
             }
 
             // Once the JS side node is synced with the updated values, trigger an

packages/react-native/src/private/animated/createAnimatedPropsHook.js

@@ -125,7 +125,10 @@ export default function createAnimatedPropsHook(
           }
 
           const isFabricNode = isFabricInstance(instance);
-          if (node.__isNative) {
+          if (
+            node.__isNative &&
+            !ReactNativeFeatureFlags.cxxNativeAnimatedEnabled()
+          ) {
             // Check 2: this is an animation driven by native.
             // In native driven animations, this callback is only called once the animation completes.
             if (isFabricNode) {