refactor: Adds RTL direction support in Learning Dashboard

[gustavotrott]

This PR solves #13162

• Set RTL direction to Dashboard when using one of the following languages: ar, dv, fa, he

[github-actions]

This pull request has conflicts ☹
Please resolve those so we can review the pull request.
Thanks.

[ali-alhaidary]

Is app.learningDashboard.participantsTable.colActivityScore key in en.json merget yet?
As I can see that 'ACTIVITY SCORE' is still in english. #13159

[PhMemmel]

@ali-alhaidary Yes, that should be fixed via #13213. If you want to test this, you will have to adapt your temporary ar.json, because the language string keys have been renamed recently. It's app.learningDashboard.usersTable.colActivityScore now. Double check transifex if the newly introduced (because renamed) keys have been translated and manually deploy the newest ar.json directly from transifex as these new changes have not been pulled into github yet.

[ali-alhaidary]

Thanks @PhMemmel , yes, it is there and translated...

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
7 Code Smells

No Coverage information
0.1% Duplication

[Rahimimojtaba]

@antobinary @gustavotrott
It's only working on AR language. For other RTL languages such as fa_IR not working properly.

[antobinary]

@Rahimimojtaba could you please share what you see and please circle which part of the UI is not properly done? Keep in mind that the strings need to be translated to display correctly

[Rahimimojtaba]

Dear @antobinary
It's really clear. This fix only work for Arabic language. It's not working for other RTL languages, such as fa_IR.
You can create a meeting with fa_IR language and check the Learning dashboard, it's still LTR.
It should be RTL.
Also I know about the translation and I don't mean that one.

[gustavotrott]

Hey @Rahimimojtaba,
you are right, fa_IR lang was not added in the RTL list.
This is because the list was copied the same of BBB client.

bigbluebutton/bigbluebutton-html5/imports/startup/client/intl.jsx

Line 20 in 3b7b5fd

const RTL_LANGUAGES = ['ar', 'dv', 'fa', 'he'];

Is this problem happening also in BBB client? Or only in the Dashboard?

[Rahimimojtaba]

Dear @gustavotrott
Thanks for your reply and following up the issue.
No, it just happen for Learning Dashboard. BBB Client is OK.
In BBB Client, we only have problem for welcome message that is not fully show. I reported here #13160