[Story] Show a user has been mentioned in the timeline

[VolkerJunginger]

Story

As a user that i looking at a message containing a mention I want to understand that this is a mention.

Figma link: TBD

Acceptance criteria

• Resolve a mention into a "pill" design.
• Show the avatar and the name of the mentioned user

Size estimate

M

Subtasks

Android

Preview Give feedback

1. Timeline: Display user mention in a pill element-x-android#1433
   A-Timeline T-Enhancement +2
   
2. Mentions: Match final designs element-x-android#1449
   A-Timeline T-Enhancement +2

iOS

Preview Give feedback

1. Timeline: Display user mention in a pill element-x-ios#1804
   A-Pills A-Timeline T-Enhancement +3
2. Mentions: Update user mentions to match final designs element-x-ios#1822
   A-Pills T-Enhancement X-Needs-Design +3

Rust

Preview Give feedback

1. Implement MSC3952: Intentional mentions matrix-org/matrix-rust-sdk#2606
   A-Notification A-Room-List A-Timeline X-Needs-Rust Z-Schedule +5
   

Design

Preview Give feedback

1. Complete user mentions designs

• QA signoff on completion
• Design signoff on completion
• Product signoff on completion

[Velin92]

Currently working on this, however there are no designs ready so the initial implementation will be a bit improvised.

Also since there is a loading state (since we lazily fetch the members) for some very big rooms the display name and the avatar of the suer are not ready yet, this only happens in very very big rooms, and is usually unnoticeable, however as of right now I am implementing a loading state for the mention that looks like this:

Colors and design not final, this is just essentially displaying a placeholder of a @ with the user ID, this can of course be changed later if design wants, as I said is very unlikely to get into this condition

NOTE: This is also the El-Web default behaviour when a matrix user mention is done for a user that is not in the room