MWPW-125482 Add dir property to rtl locales

[aishwaryamathuria]

Context

https://github.com/orgs/adobecom/discussions/746

1. If a page with right-to-left content is previewed on Firefox browser then it gets rendered with left-to-right text flow.
2. When EN content is used in an RTL locale page, there are instances when the locale of the page is en and content in that locale page needs to be aligned from left to right. Solution was to provide an option override the default rtl alignment.

Why this PR?

adobecom/milo#777
The above mentioned issue and requirement are fixed in milo in the shared PR.

1. For the alignment issue a new property is added in the content.locales list with each locale named 'dir'. This property is used in place of the current Intl object which was unable to set the dir property in Firefox browser. To make sure the fix works for the project the same property needs to be set in the content.locales for rtl locales so that the issue can be resolved in Firefox browser.

How to use override?

Add the 'content-direction' meta tag with value 'rtl' or 'ltr' in the metadata block of the page or via metadata.xlsx to override the default text alignment.

Resolves: MWPW-125482

Test URLs:

• Before: https://main--bacom--adobecom.hlx.page/mena_ar/customer-success-stories/dixons-carphone-case-study?martech=off
• After: https://main--bacom--aishwaryamathuria.hlx.page/mena_ar/customer-success-stories/dixons-carphone-case-study?martech=off

[aem-code-sync]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

• Re-run PSI Checks

[meganthecoder]

@aishwaryamathuria The base should be main not stage

[aishwaryamathuria]

@aishwaryamathuria The base should be main not stage

Hi @meganthecoder I have opened this PR against adobecom/bacom main branch. #118

Closing this PR against stage