fix: make data entry app support RTL [DHIS2-16779]

tomzemp commented 1 week ago

This PR updates the data entry app to support RTL display:

updated cli-app-scripts, cli-style, and d2-ui dependncies
added stylelint for linting
ran stylelint and manually fixed some remaining css logical property validations
set direction: 'auto' in the d2.config.js
did some additional clean up (mostly around specifying arrows based on language)

After:

Small issues that I observed:

it looks like the UI library needs some adjustments for buttons with icons as the icon is not properly positioned (this is a very minor issue, but is noticeable on the year navigation buttons)
some of the displays for mathematical operators, like <, look weird to me, e.g that the text displays as 1y< rather than as <1y. I don't know if this is more logical for an Arabic speaker 🤔. This issue also seems fairly minor to me as it could be addressed by adding a database translation for the category option
Not sure if we would want any small adjustments on say number positions given how number input works with Arabic keyboards.

dhis2-bot commented 1 week ago

dhis2-bot commented 1 week ago

:tada: This PR is included in version 100.8.4 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

dhis2 / aggregate-data-entry-app