Fix synchronous layout.

[Szymon20000]

Description

Fixes: #1576
Fixes: #1579
In #1501 we forgot that sometimes we have to notify mounting listeners about a mounting. The problem we had with operation running out of order won't happen when we notify listeners after the mounting block is prepared. That's what I want to do in the pr.

It's also important to understand that we won't capture a new mounting block by calling setNeedsLayoutbecause we add NodesManager as an observer only for the time of syncLayout.

Changes

Add setNeedsLayout after sync layout.

Test code and steps to reproduce

import React, { useEffect } from "react";
import { StyleSheet, View } from "react-native";
import { ReText } from 'react-native-redash';
import Animated, {
  useAnimatedStyle,
  useDerivedValue,
  useSharedValue,
  withSpring,
  withTiming,
} from "react-native-reanimated";

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  card: {
    position: "absolute",
    top: 0,
    left: 0,
    width: 100,
    height: 50,
  },
});

const DynamicSpring = () => {
  const x = useSharedValue('0deg');
  useEffect(() => {
    x.value = withTiming('300deg', { duration: 5000 });
  });
  
  return (
    <View style={styles.container}>
      <ReText
        text={x}
        style={{ color: "black", fontVariant: ["tabular-nums"] }}
      />
    </View>
  );
};

export default DynamicSpring;

Checklist

• Included code example that can be used to test this change
• Updated TS types
• Added TS types tests
• Added unit / integration tests
• Updated documentation
• Ensured that CI passes