feat: improve support for right-to-left languages in Dashboard app

[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

[dhis2-bot]

🚀 Deployed on https://pr-2985.dashboard.netlify.dhis2.org

[jenniferarnesen]

@kabaros There is a lint error in ItemGrid.css. Could you look into it?

[jenniferarnesen]

@kabaros Maybe I'm doing something wrong here, but I can't get the app to run locally:

[jenniferarnesen]

@kabaros There is a lint error in ItemGrid.css. Could you look into it?

I went ahead and changed it according to the recommendation. Please check that my change is correct.

[cypress]

dashboards-app    Run #4997

Run Properties:   Passed #4997  •  0c28a71b0d ℹ️: Merge 00c71016761b5c3b0e34336052c4363d278145bb into 85b3da89489ddf3c3ef86af1a439...

Project	dashboards-app
Branch Review	DHIS2-16777/rtl-support
Run status	Passed #4997
Run duration	01m 45s
Commit	0c28a71b0d ℹ️: Merge 00c71016761b5c3b0e34336052c4363d278145bb into 85b3da89489ddf3c3ef86af1a439...
Committer	Mozafar
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	0
Skipped	0
Passing	8
View all changes introduced in this branch ↗︎

[jenniferarnesen]

Found a bug. In print one item per page, the visualizations are not resizing to the full height of the container. It looks like they maintain the same height as they had in the normal dashboard view:

[jenniferarnesen]

Bug: When adding an item to the dashboard, the visualization height is not filling the height of the containing item:

[jenniferarnesen]

Bug. After saving a new dashboard, most items get the correct height in view mode, but not the App item (e.g. scorecard widget):

[jenniferarnesen]

Bug: messages and text items don't have scrollbar (both desktop and small screen views):

[jenniferarnesen]

🚀 Deployed on https://pr-2985.dashboard.netlify.dhis2.org

Use this url for testing:
https://pr-2985--dhis2-dashboard.netlify.app/

[jenniferarnesen]

All the bugs reported here are now fixed.

[dhis2-bot]

🎉 This PR is included in version 100.3.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀