Diff-based text replacing

[BartoszGrajdek]

Details

This PR fixes a couple of problems mainly:
Text replacement issue on MacOS (chrome & safari, not supported on Firefox)
Spell-check on Chrome & safari (another PR will solve this issue on Firefox)

Related Issues

Expensify/App#36188
Expensify/App#36193

Manual Tests

For text replacement:

1. Make sure that you have a text replacement available on your mac more info here - I have ,,cu" set up to be replaced with "see you"
2. In your text input add some text like ,,hello world"
3. Now try to add the text replacement i.e. I tried writing "current", in the bug mentioned it was replaced by "see yourrent", check if that's not happening anymore

For spellcheck:

1. Try writing a word like "apple", while you're writing it shouldn't be underlined with a red curly line
2. Now write an incorrect word like "appl" - depending on your browser spellcheck happens at different times, but overall it shouldn't happen while you're continuously writing a word

Linked PRs

[github-actions]

CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅

[BartoszGrajdek]

I have read the CLA Document and I hereby sign the CLA

[tomekzaw]

There seems to be a problem with the position of text replacement suggestion box in Chrome:

Screen.Recording.2024-03-05.at.12.27.22.mov

The suggestion box is not visible on Safari:

Screen.Recording.2024-03-05.at.12.35.06.mov

[tomekzaw]

I also found one regression on Safari, after adding newline the cursor disappears:

main	this PR
before.mov	after.mov