TW-893: Remove pill on mentionned users

[imGok]

• New mentionned pill in text message (blue text)
• Matrix ID in suggestion panel

Case tested :

• long display name
• tag with message
• tag with message for long long display name
• tag with message for long long display name with line break in display name
• tag with very short display name
• tag with icon inside name

Android.Emulator.-.Resizable_Experimental_API_33_5554.2023-11-10.15-02-33.mp4

Twake.Chat.-.Google.Chrome.2023-11-13.15-12-19.mp4

#893

[github-actions]

This PR has been deployed to https://linagora.github.io/twake-on-matrix/927

[nqhhdev]

Pls demo case tag in input bar

[hoangdat]

Pls demo case tag in input bar

I prefer to keep the performance for composer than make it like the design for this case. Please consider it carefully

[hoangdat]

for this case:

what happens when user try to click on tag?

[hoangdat]

Please add and the case @[Hoang D 👍]

[imGok]

for this case: what happens when user try to click on tag?

it opens the user details (web demo video)

[imGok]

@hoangdat

Twake.Chat.-.Google.Chrome.2023-11-13.18-30-58.mp4