[feat]: RTL support

[Bokitza]

A clear and concise description of what the feature is

A design refactor that will support a RTL display of strapi admin (navbar-right, main content-left) - for Arabic, hebrew, etc...

Why should this feature be included?

Currently, Strapi design system uses a padding-{side} attribute to space contents between logos, texts and sections.

e.g:

If I for instance want to use strapi in a RTL direction, for it to support Arabic|Hebrew native view direction, it will look like this (emulating by writing in the console document.body.dir="rtl") :

You can see that the padding-right attribute is not supporting the flow of the document, and in general, it is a bad practice for spacing stuff, especially in a Flex Gap era 😄

Please provide an example for how this would work

I recommend moving to a Gap-based row gaps instead of (ab)using padding.

as i can emulate in the chrome devtools:

i give every row a gap: 12px
I disable the padding-right:12px (notice for the example I disabled only 'content manager' and 'content-type builder'

here's how it is in the classic ltr:

(again, changed just the padding only for the first 2 buttons in the sidebar)