Fix Navigation Toolbar Misalignment in RTL Layout

Problem/Motivation

The primary navigation toolbar on a Varbase site does not display correctly when the interface is set to Right-to-Left (RTL) language such as Arabic. The toolbar layout remains Left-to-Right (LTR), misaligning elements and disrupting the user experience in RTL mode.

Steps to reproduce

1. Go to a Varbase website with RTL language enabled (e.g., Arabic).
2. Create or view a page with Arabic content.
3. Observe the main navigation toolbar layout.

Proposed resolution

Consider verifying if the theme or layout settings override the default RTL handling of Bootstrap/Varbase.

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ➖ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release varbase-10.1.0-alpha2, varbase_core-10.1.48, varbase-10.0.6, varbase_core-10.0.47

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

After the fix

-

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3521391: Fixed Navigation Toolbar Misalignment in RTL Layout