Mirroring is not translating
Setting dir="rtl" flips text direction, but a layout built with physical CSS properties does not follow. margin-left stays on the left in an interface that should now read right to left, so icons, indentation and arrows end up on the wrong side.
CSS logical properties solve this without a second stylesheet: margin-inline-start resolves to left in LTR and right in RTL automatically. The same applies to padding-inline, border-inline, inset-inline and text-align: start.
Directional icons need explicit attention — a back arrow must point the other way — and mixed content is the subtle case: a Latin brand name or a number inside Arabic text follows the Unicode bidirectional algorithm, which can place adjacent punctuation on the wrong side unless the run is isolated.