fix: trimmed mentioned user text in messages when special characters used

[khushal87]

🎯 Goal

When users with special characters such as - or _ are mentioned in the message and sent. The mentioned user is trimmed in the message bubble. This can be tested by mentioning users like divine-flower-3, dummy_tummy etc., in our channel - Determined Detail(Channel Cid - channel-ex-example-apps-23) in our TypescriptMessagingApp.

Ref Zendesk Ticket - https://getstream.zendesk.com/agent/tickets/33250

🛠 Implementation details

The node of such a user as parsed by simple-markdown is:

• User id - dummy_tummy

{"content": [{"content": "@dummy", "type": "text"}, {"content": "_tummy", "type": "text"}], "type": "mentions"}

• User id - divine-flower-3

{"content": [{"content": "@divine", "type": "text"}, {"content": "-flower", "type": "text"}, {"content": "-3", "type": "text"}], "type": "mentions"}

Previously only the node.content[0].content was rendered, which is why the text was trimmed; now, the entire name is joined/concatenated using the reduce function and displayed. Therefore it works.

🎨 UI Changes

Before	After
Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-01-13.at.11.52.19.mp4	Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-01-13.at.11.53.46.mp4

🧪 Testing

☑️ Checklist

• I have signed the Stream CLA (required)
• PR targets the develop branch
• Documentation is updated
• New code is tested in main example apps, including all possible scenarios
  • SampleApp iOS and Android
  • Expo iOS and Android

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

0.0% Coverage
0.0% Duplication

[vishalnarkhede]

🎉 This PR is included in version 5.8.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀