feat: improve support for right-to-left languages in Data Visualiser

[kabaros]

Implements DHIS2-16778

Key features

1. Use logical CSS properties instead of physical properties throughout the project (done automatically with a tool)
2. Update the cli-style to a version that supports checking logical properties (and automatically converting physical to logical properties)

---

Description

This PR implements better support for right-to-left languages in the app, by leveraging the use of logical CSS properties that are independent of language direction, rather than physical properties (i.e. *-start instead of -left and *-end instead *-right). Logical properties are widely supported now and they should become the default way for layout going-forward to ensure that we support RTL languages without extra development burden (which will be enforced by d2 style).

Although the change set is big. It's mostly done automatically using d2 style apply css which under the hood uses stylelint to enforce and apply the rules.

The better support for RTL builds on top of previous work done in the platform, namely:

• changing the UI library to support RTL: feat: rtl support for components [LIBS-525] ui#1448
• introducing an opt-in option in d2.config that allows apps to declare they're ready to support RT. The platform changes also takes care of setting the correct direction and language for the header among other things: feat: add configurable dir for language directions to app adapter [DHIS2-16480] app-platform#825
• updates to cli-style to enforce and apply rules for using logical CSS properties: feat: add stylelint cli-style#464

Testing

• The main test here should be that the app in English (or any LTR language) should look exactly as before, after these changes.
• Test on an environment set to Arabic (or any other RTL language) to confirm it looks as expected for an RTL user.
  • This is an instance with Arabic metadata https://dev.im.dhis2.org/arabic-test-instance

---

Screenshots

Before	After

[cypress]

Passing run #2868 ↗︎

0

742

2

0

0

Details:

fix: non-existing AO blocks new AOs from being created (DHIS2-13167) (#3056)
Project: Data Visualizer App	Commit: b9b5beb26c
Status: Passed	Duration: 09:51 💡
Started: May 31, 2024 12:06 PM	Ended: May 31, 2024 12:15 PM

Review all test suite changes for PR #3073 ↗︎

[dhis2-bot]

🚀 Deployed on https://pr-3073--dhis2-data-visualizer.netlify.app

[cypress]

Passing run #2875 ↗︎

0

745

2

0

0

Details:

Merge 7c1fffb into 34479f1...
Project: Data Visualizer App	Commit: bf724c147c ℹ️
Status: Passed	Duration: 09:05 💡
Started: Jun 3, 2024 12:52 PM	Ended: Jun 3, 2024 1:01 PM

Review all test suite changes for PR #3073 ↗︎