[openstreetmap/openstreetmap-website] Improve our handling of RTL (Issue #3427)

[Andy Allan]

### Description

After considering #3420 further, I think there are several steps that we can take to improve the RTL experience. In doing this research I can heartily recommend the [rtlstyling](https://rtlstyling.com/posts/rtl-styling) site, which goes into a lot of nuance in this area that I haven't found well explained elsewhere.

I'm going to split this into multiple issues, so this will be an overall issue to show how everything will join up together. Current list of topics is:

 * Use dir="auto" for all user-generated-content
 * Use dir="auto" for most form inputs
 * Avoid using text-align on body element
 * (Still under consideration) Refactor CSS to remove the need for using r2
 * Update to bootstrap 5 (for non-text reasons, mainly button corners and menus)

I hope to make issues for each of the above in the next few days

### Screenshots

_No response_

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/3427
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/3427 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20220119/c269b1a1/attachment.htm>