Fix: marker is not clickable on android

[parasharrajat]

Details

Changed the design for MarkerBadge as touches are not propagated in Android outside the parent which was blocking the click on the half of the Badge.

Fixed Issues

$ #4716

Tests | QA Steps

1. Navigate to a conversation with user A
2. Scroll up the conversation
3. As user, A send some messages
4. Tap on the left area of the new message badge

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

and-marker.mp4

[Beamanator]

@parasharrajat Thanks for testing this on Android, but can you please also test on other platforms to make sure no regressions occurred elsewhere? 👍 (I'll do the same)

[Julesssss]

Tested well on Desktop, Android, Web.

I have no code review comments 👍

[Beamanator]

Looks great! Only 2 tiny documentation comments that are NAB 👍 - back to you @Julesssss !

[Beamanator]

Nice 👍 will merge once tests finish

[Beamanator]

Note: I tested on iOS & mWeb, things look good (so I checked them off the list in the OP)

[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]

🚀 Cherry-picked to staging by @roryabraham in version: 1.0.86-7 🚀

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

@Expensify/applauseleads please QA this PR and check it off on the deploy checklist if it passes.

[botify]

This has been deployed to production and is now subject to a 7-day regression period.
If no regressions arise, payment will be issued on 2021-09-01. 🎊

[OSBotify]

🚀 Deployed to production by @roryabraham in version: 1.0.86-11 🚀

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

[botify]

This has been deployed to production and is now subject to a 7-day regression period.
If no regressions arise, payment will be issued on 2021-09-06. 🎊

[OSBotify]

🚀 Deployed to production by @roryabraham in version: 1.0.88-2 🚀

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

[botify]

This has been deployed to production and is now subject to a 7-day regression period.
If no regressions arise, payment will be issued on 2021-09-08. 🎊