Fix Flipped order of items on RTL pages

Problem/Motivation

Pages with RTL languages are having flipped/inverted items when being added.

Steps to reproduce

Given I am a logged-in user with permission to add/edit a Landing Page (Layout Builder)
When I add a section with breakpoints to a RTL page
Then The order of the sections is flipped/inverted than what was selected

Proposed resolution

Set the direction for the breakpoints editing tools

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
• ➖ Update Release Notes and Update Helper on new feature change/addition
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Release varbase-9.0.5, varbase_layout_builder-10.0.9

Varbase update type:

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

User interface changes

After the fix:

Edit layout for Test RTL for Varbase Landing page (Layout Builder)

Test RTL for Varbase Landing page (Layout Builder)

Edit layout for Test LTR for Varbase Landing page (Layout Builder)

Test LTR for Varbase Landing page (Layout Builder)

API changes

• N/A

Data model changes

• N/A