🔡 fix: Rendering of Bidirectional Text

[GhaithAlHallak8]

Summary

This basically adds bidirectional text support for key components across the UI, addressing an issue where mixing a RTL (Right-to-Left) language with a LTR (Left-to-Right) language in the same input renders the text unreadable.

Before the fix:

After:

For readers of both RTL and LTR languages, this fix significantly improves text readability.

Change Type

Please delete any irrelevant options.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update
• Translation update

Testing

N/A

Checklist

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• My changes do not introduce new warnings
• Local unit tests pass with my changes
• Any changes dependent on mine have been merged and published in downstream modules.