Fix layout issues on iOS on the new architecture

[j-piasecki]

Details

Fixes layout issues on the new architecture on iOS.

In more detail:

• adds a turbomodule responsible for registering the newly added commit hook
• adds a custom shadow node responsible for passing the family of markdown decorator to the commit hook
• adds a commit hook that applies the markdown formatting to the text input during the shadow tree transactions

One caveat: in general we only want to apply formatting when the stored attributed string is using Mode::Value, otherwise (when it's using Mode::OpaquePointer) the formatting should already be applied. There is one exception - before the text input is mounted, markdown tooling around it is not initialized, so even if the attributed string is using Mode::OpaquePointer in this case, we should apply formatting during the transaction. This is done by forcing state updates for certain react tags since we don't have direct access to the shadow family from the decorator component.

Before

Screen.Recording.2024-02-22.at.17.20.46.mov

After

Screen.Recording.2024-02-22.at.17.20.08.mov

Related Issues

Manual Tests

Linked PRs

[github-actions]

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

[j-piasecki]

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

[tomekzaw]

1. Let's revert the example app to Paper
2. It looks like some C++ files are not formatted properly (?)
3. I get the following error when trying to build the example app on Paper:

[tomekzaw]

yolo