Feature: Make lonely emojis bigger

[rdjuric]

Details

Increases the fontSize of the ReportActionItemFragment of type COMMENT when it's composed of a single emoji. To do that, we:

1. Add a new style: singleEmojiText, with custom fontSize and lineHeight
2. Add a new const: a regex expression to match emojis CONST.REGEX.EMOJIS
3. Create isSingleEmoji, a function that validates if a string is composed of a single emoji
4. In the ReportActionItemFragment we check if the COMMENT passes our isSingleEmoji validation. If it passes, we use the singleEmojiText style instead of our default.

Fixed Issues

Fixes #3712

Tests

1. Open any conversation.
2. Send a message composed of a single emoji.
3. Send a second message composed of multiple emojis (or emoji + text)
4. The lonely emoji on the first message is bigger.

QA Steps

1. Open any conversation.
2. Send a message composed of a single emoji.
3. Send a second message composed of multiple emojis (or emoji + text)
4. The lonely emoji on the first message should be bigger.

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Web.mov

Mobile Web

mWeb.mp4

Desktop

desktop.mov

iOS

iOS.mp4

Android

android.mp4

[rdjuric]

Just a note: while #3730 isn't fixed, the only way to test this is by sending messages while offline.

[robertjchen]

Looks great, thank you!

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[OSBotify]

🚀 Deployed to staging in version: 1.0.73-4🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[OSBotify]

🚀 Deployed to production in version: 1.0.74-0🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅