[Feature Request]: Support Option for RTL/LTR direction

[softrebel]

Currently, the project's HTML structure does not fully support right-to-left (RTL) languages. This limits accessibility and usability for users who primarily use RTL languages like Arabic, Persian, Hebrew, etc.

To make the project more inclusive and accessible to a wider audience, we should implement changes to the HTML structure and CSS to properly support RTL layouts.

Here are some specific areas to consider:

• Text Direction: Ensure that the dir="rtl" attribute can be applied appropriately to elements when needed.
• Layout and Alignment: Check that the layout and alignment of elements correctly adjust when in RTL mode.
• Iconography: Verify that icons and other graphical elements display as expected in RTL mode (e.g., mirrored, where appropriate).
• CSS: Utilize appropriate CSS rules to handle RTL adjustments such as using logical properties (e.g., start, end) instead of physical properties (e.g., left, right) wherever possible.

I've solved the issue by adding a key to the LOCALE and Layout in Astro. If it's okay, I'll submit a PR.