Fix moving cursor to the end of line

[Skalakid]

Details

This PR fixes moving the cursor to the end of the line using CMD + ➡ or the End key. To fix this problem, we implemented splitting italic and strikethrough markdown types on the starting and ending syntax of the inline code. Because of the HTML structure, we couldn't split the range directly on the inline code. So similarly to other applications like Slack, the styles are applied to the text inside inline code separately. Thanks to that, we could remove the display: inline-block style, which was causing the problem with moving the cursor with CMD + ➡

Related Issues

Expensify/App#69493

Manual Tests

1. Open the example app
2. Paste the following text:

_test🚀_
~🚀test~
~_tes🚀t_~
_`test🚀`_
~`🚀test`~
~_`tes🚀t`_~

3. Verify if strikethrough or italic styles aren't applied to any emoji
4. Test if emojis or any text aren't duplicated while writing inside the inline code markdowns
5. Clear input
6. Paste the following text:

🚀 sample text

7. Move the cursor to the beginning of the line
8. Press Cmd + ➡️
9. Verify if the cursor is moved to the end of the line and doesn't stop on the emoji

Linked PRs

#598 (review)

[jmusial]

LGTM + one suggestion

[jmusial]

NAB but baseMarkdownType could be an array of types maybe ? would save one loop over rangesToExclude and one line in parseExpensiMark :)

[Skalakid]

It would require more changes in the current algorithm. Right now, we need to execute excludeRangeTypesFromFormatting one after another, because otherwise, split ranges start to overlap each other, and it breaks the markdown rendering then

[os-botify]

🚀 Published to npm in 0.1.305 🎉