Fix copy and paste order bug created by inverted FlatList

[AndrewGable]

This original PR was created by @azimgd here but never taken out of draft. In addition it contains additional fixes for Safari as mentioned here: Expensify#3

Expected Result:

• When copying text in <FlatList inverted={true} /> that when you highlight lines of text, including across multiple messages, that the text is highlighted in order from top to bottom or bottom to top.
• When pasting text that has been copied from Flatlist, that it shows up in the correct order.

Actual Result:

• Copying is sporadic and 'jumps around' when you highlight text over multiple messages.
• Pasting - When pasting copied text from multiple e.cash messages, it's out of order

Highlighting glitch	Copy order

This has been reviewed and tested by multiple developers. Some references are:

• https://github.com/Expensify/App/issue/3381
• Fix text copied in reverse order on inverted flatlist Expensify/App#5561
• Copy and Pasting text comes out backwards when using FlatList inverted #1807
• FlatList inverted prop ordering of elements causes copy/paste issues facebook/react-native#30383

Implementation

I have removed flatlist inversion (by inverted=true prop) which used [transform: translate] css hack and instead adding flatlist array items in reverse order [unshift instead of push]; It also reverses ScrollView event response received from browser [e.nativeEvent.configOffset *= -1];

Sidenote

I was not able to fix this issue by applying this code directly in React Native repo. The reason is that RN column-reverse won't anchor scroll position to the bottom on Mobile device as it does on Web
facebook/yoga#866 (comment)

[AndrewGable]

Looks like this branch is too out of date, I will update it in a new PR.