Fix layout issue for RTL languages

[bmarty]

We have several issue using RTL languages on EXA. There is no translation in any of such languages, but we may want to fix the layout issue independently.

• Some icons need to be mirrored, the most visible is the Back icon and send button. This may be handled by the Compound library, in the same principle than theIcons.AutoMirrored icons from Material library
  • Back icon
  • Left chevron to expand state event
  • Share icon
  • Bubble icons
  • Send button
  • Play icon
  • Editing icon
  • Forward icon
  • Reply icon
  • Other?
• Sender information in timeline is not correctly rendered: (done in RTL: ensure sender information are correctly rendered in the timeline #3681)

• Icon alignement

• Other?

[bmarty]

Icon are now correctly mirrored. See the effect at https://element-hq.github.io/element-x-android/?l=fa

I have noticed that matrix ID are not rendered as expected, will need to check this point.

[bmarty]

I think I have fixed all the existing issues. Let's close this issue, and please anyone feel free to open dedicated issue (with screenshot if possible) for remaining issues about RTL if any.