Touch box for long press is not aligned to the message when a reaction is present

[TaharS]

Describe the bug
On an Android device, when a user has reacted to a message (any emote), the next time it wants to long press on the message, the hit box is actually push to the bottom which stops an accurate selection of the message.

On this screenshot, you can see that the hit box is actually lower by the size of the reaction. Which doesn't register long press is the user doesn't precisely hold press on the second half of the message.
It is particularly annoying for 1 liner messages (less for 2+ lines)

Dev environment info (please complete/provide the following information):

• Package version

    "stream-chat": "8.2.1",
    "stream-chat-react-native": "^5.11.2",

• react-native or expo version

    "react-native": "0.70.3",

• Device/Emulator (android/ios) and OS version
  Android Emulator Pixel 5 API 33

To Reproduce
Steps to reproduce the behavior:

1. Open the app on Android
2. Select a channel
3. Send a one liner message
4. Long press and add a reaction
5. Try to long press again while touching the top of the message (failure to open overlay)
6. Try to long press again while touching the lower part of the message (successfully open the overlay)

Expected behavior
Overlay should display properly on long press

Additional context
n/a

Screenshots
n/a

[vanGalilea]

Might be related to #1982

[khushal87]

Hey @TaharS, thanks for pointing out the bug to us. We were able to reproduce this issue on our side and we will try to come up with a fix.

[TaharS]

It is reproducible on iOS as well btw :)

[stream-ci-bot]

🎉 This issue has been resolved in version 5.18.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀