Does not work within a ScrollView, bad performance when rendering multiple list components with real time data

## Environment

react-native @ 0.79.1
react-native-pager-view @ 6.7.1

## Description

Since @MrRefactor requested a new issue to be created (https://github.com/callstack/react-native-pager-view/issues/784), here it is. Compared to version `7.0.0.rc0`, the current implementation performs much worse, especially in the case of a pager with multiple list components that have many rows and real-time data updates within. Also, the ScrollView bug persists, we are still not able to scroll a ScrollView when a Pager is rendered inside of it unless we perform the scroll gesture outside of the pager. I don't understand why support for the ScrollView based implementation was dropped as it performed perfectly well and IMO it should replace the current one. Honestly, based on the many threads and reports about this bug, I feel like this issue is being neglected.

## Reproducible Demo

```
import React from 'react';
import { ScrollView, StyleSheet, View, Text } from 'react-native';
import PagerView from 'react-native-pager-view';

const MyPager = () => {
return (



First page


Second page



);
};

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

export default MyPager;
```

Bắt đầu với ví dụ MyPager có thể tái hiện trong issue bằng React Native 0.79.1 và react-native-pager-view 6.7.1. Điều tra các trường hợp PagerView bên trong ScrollView và cập nhật theo thời gian thực cho nhiều danh sách; được xem là hoàn thành khi ScrollView cha có thể cuộn khi thao tác bắt đầu trên pager và hiệu năng render được cải thiện.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.