Fix cursor selection event on the web

[Skalakid]

Details

This PR contain follow up fixes to the bugs reported in E/App under the Live Markdown refactor PR. It changes and simplifies the selection event logic, so all cases when user selects the text are caught. To achieve this we had to remove standard selectionStart and selectionEnd props and replace them with custom selection.start and selection.end. Setting selectionStart and selectionEnd values breaks the native onSelect event handler

Related Issues

GH_LINK

Manual Tests

1. Open example app on mobile Safari
2. Write some text
3. Double tap the word
4. Click Cut
5. Verify if text was cut
6. Check if cursor position is correct while using the Live Markdown Input on web

Linked PRs

Expensify/App#45150

[BartoszGrajdek]

Code LGTM, tested example app and it didn't break anything.

LMK if you want me to test it in E/App as well 😄

[Skalakid]

E/App bug: Cursor position is wrong when starting typing a message when input isn't focused

Screen.Recording.2024-08-23.at.16.18.04.mov

[Skalakid]

The above bug has been fixed. @BartoszGrajdek can you review this PR again, please 🙏