Correct text alignment in RTL languages

[luixxiul]

For element-hq/element-web#14520 and element-hq/element-web#4771

This PR intends to relieve frustration of RTL language users.
cf. #5453

Please mind the position of (edited).
cf. #5453 (comment)

I modified the declarations for blockquote, ul, and ol to apply logical properties. Since I am not able to read RTL languages, it is not really possible for me to test edge cases though.

The ideal solution would be to implement logical properties all over the UI, but the task is too large for this PR. Therefore adjusting position of UI elements such as timestamp is out of scope.

	Before	After
IRC layout
Modern layout
Bubble layout

type: defect

---

Here's what your changelog entry will look like:

🐛 Bug Fixes

• Correct text alignment in RTL languages (#9026). Contributed by @luixxiul.

[luixxiul]

Though I don't find a regression, I think it would be better to merge this PR after some feedback comments are provided from native RTL language speakers.

I've posted a link to the netlify build on #5453 (comment).

[turt2live]

we've had massive issues with this sort of change in the past - I'd very much like to see screenshot tests of the timeline using various sample messages to ensure we didn't break anything.

#element-dev:matrix.org will likely be best to talk more about those sorts of tests.

[turt2live]

we should add comments for what this is targeting - it's not immediately obvious what the ol and ul actually are.

[luixxiul]

converting to draft for now- looking for a way of implementing visual tests.

[turt2live]

after the weekend the team should be able to help with tests in https://matrix.to/#/#element-dev:matrix.org

[luixxiul]

Closed as RTL design will never land at least until Element X