Repository: react-native
Issue: measureInWindow returns the same when scrolling in iOS
Labels: Platform: iOS,Issue: Author Provided Repro,Needs: Repro,Newer Patch Available,Needs: Attention,Type: New Architecture

### Description

```javascript
import React, { useState, useRef } from 'react';
import { View, ScrollView, Text, StyleSheet } from 'react-native';

const App = () => {
  const viewRef = useRef(null);
  const [viewPosition, setViewPosition] = useState({ x: 0, y: 0 });
  let timer = null

  const onScroll = () => {
    console.log('onScroll')
    if (viewRef && viewRef.current) {
      try {
        viewRef.current.measureInWindow(function (x, y, width, height) {
          console.log({x, y, width, height})
          setViewPosition({ x: x, y: y });
        });
      } catch (error) {
        console.error('Error measuring the view:', error);
      }
    }
  };
  
  return (
    <ScrollView onScroll={onScroll}>
      <View style={styles.container}>
        <Text style={styles.text}>Scroll the screen</Text>
        <View ref={viewRef} style={styles.measuredView}>
          <Text style={styles.text}>This is the view to be measured x:{viewPosition.x} y:{viewPosition.y} </Text>
        </View>
        <View style={styles.bottom}></View>
      </View>
    </ScrollView>
  );
};

const styles = StyleSheet.create({
  bottom: {
    height: 700,
    width: 100,
    backgroundColor: 'red'
  },
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: {
    fontSize: 20,
    margin: 20,
  },
  measuredView: {
    width: 200,
    height: 200,
    backgroundColor: 'lightblue',
    margin: 20,
  },
});

export default App;
```

When scoll the ScrollView,  the the viewRef's position not change. It occurs only in iOS。Android works good.

### Steps to reproduce

1. npx @react-native-community/cli@latest init AwesomeProject --version 0.76.3
2. use the code above to replace the App.tsx
3. run in ios simulator
4. scroll the ScrollView 

### React Native Version

0.76.3

### Affected Platforms

Runtime - iOS

### Areas

Fabric - The New Renderer

### Output of `npx react-native info`

```text
System:
  OS: macOS 14.5
  CPU: (12) arm64 Apple M3 Pro
  Memory: 82.00 MB / 18.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.11.0
    path: ~/.nvm/versions/node/v20.11.0/bin/node
  Yarn: Not Found
  npm:
    version: 10.2.4
    path: ~/.nvm/versions/node/v20.11.0/bin/npm
  Watchman: Not Found
Managers:
  CocoaPods: Not Found
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.5
      - iOS 17.5
      - macOS 14.5
      - tvOS 17.5
      - visionOS 1.2
      - watchOS 10.5
  Android SDK:
    API Levels:
      - "34"
      - "35"
    Build Tools:
      - 34.0.0
      - 35.0.0
    System Images:
      - android-34 | Google APIs ARM 64 v8a
      - android-34 | Google Play ARM 64 v8a
      - android-35 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.1 AI-241.18034.62.2412.12266719
  Xcode:
    version: 15.4/15F31d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.12
    path: /usr/bin/javac
  Ruby:
    version: 3.1.0
    path: /Users/didi/.rvm/rubies/ruby-3.1.0/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.1
    wanted: 15.0.1
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.3
    wanted: 0.76.3
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: false
```


### Stacktrace or Logs

```text
no crash.
```


### Reproducer

https://github.com/thuman/awesomedemo

### Screenshots and Videos

_No response_