Add scroll performance example (#8364)

## Summary

This PR adds scroll performance example which was based on the repro
provided by @WadhahEssam in
#8250.

## Test plan

Author: tomekzaw

apps/common-app/src/apps/reanimated/examples/ScrollPerformanceExample.tsx

@@ -0,0 +1,62 @@
+import { useEffect } from 'react';
+import { ScrollView, StyleSheet, View } from 'react-native';
+import Animated, {
+  useAnimatedStyle,
+  useSharedValue,
+  withRepeat,
+  withTiming,
+} from 'react-native-reanimated';
+
+export default function ScrollPerformanceExample() {
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      {Array.from({ length: 500 }).map((_, index) => (
+        <Item key={index} />
+      ))}
+    </ScrollView>
+  );
+}
+
+function Item() {
+  const sv = useSharedValue(0);
+
+  const animatedStyle = useAnimatedStyle(() => {
+    return { opacity: sv.value };
+  });
+
+  useEffect(() => {
+    sv.value = withRepeat(
+      withTiming(1, { duration: Math.random() * 1000 }),
+      -1,
+      true
+    );
+  }, [sv]);
+
+  return (
+    <View style={styles.item}>
+      <Animated.View
+        style={[
+          animatedStyle,
+          styles.box,
+          { backgroundColor: Math.random() > 0.5 ? 'red' : 'blue' },
+        ]}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    gap: 10,
+  },
+  item: {
+    flexDirection: 'row',
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  box: {
+    width: 100,
+    height: 100,
+  },
+});

apps/common-app/src/apps/reanimated/examples/index.ts

@@ -109,6 +109,7 @@ import ScreenStackHeaderConfigBackgroundColorExample from './ScreenStackHeaderCo
 import ScreenTransitionExample from './ScreenTransitionExample';
 import ScrollableViewExample from './ScrollableViewExample';
 import ScrollEventExample from './ScrollEventExample';
+import ScrollPerformanceExample from './ScrollPerformanceExample';
 import ScrollToExample from './ScrollToExample';
 import ScrollViewExample from './ScrollViewExample';
 import ScrollViewOffsetExample from './ScrollViewOffsetExample';
@@ -154,6 +155,11 @@ export const EXAMPLES: Record<string, Example> = {
     title: 'FPS',
     screen: FpsExample,
   },
+  ScrollPerformanceExample: {
+    icon: '🚁',
+    title: 'Scroll performance',
+    screen: ScrollPerformanceExample,
+  },
   ThirdPartyComponentsExample: {
     icon: '3️⃣',
     title: 'Third party components',