Use logical positioning instead of physical for bidirectional text support

[AndyScherzinger]

• Successor of WIP - Add bidirectional text support #42471
• For: RTL (Right-to-Left) text direction for some Asian languages such as Arabic, Hebrew, Persian etc. #31420
  • Backend part moved to Add bidirectional text support - Backend #47349

---

Summary

This PR is the first step towards adding bidirectional text support to the Nextcloud ecosystem. It affects the entire project; accordingly, each app should have subsequent PRs.

The PR is 90+ percent complete. I decided to make the PR to

• Get early feedback to ensure it is on the right path.
• Discuss some technical challenges.

I had challenges in building the project. Generating css files and the dist directory during development is something I am uncomfortable with.

Because of supporting Samsung Internet, I needed to take some hacky approach.

Note:
We must update many components in NextCloud/vue. The most important one was the header-menu vue component which is already updated. Others will come soon. First, I need to ensure this PR is getting prepared for merge.

Screenshots

Before	After

TODO

• Decide about some classes like .right or .menu-left.
• Decide about core/css/tooltip.scss and its right|left classes
• Decide about https://github.com/nextcloud/server/blob/6b71288a30d6acbaaeb2f933a44883f3f51d7260/core/src/views/Profile.vue inline styles (for background-position.
• Add test to ensure we have proper dir attribute on the body. (help needed)

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Tests (unit, integration, api and/or acceptance) are included
• Screenshots before/after for front-end changes
• Documentation (manuals or wiki) has been updated or is not required
• Backports requested where applicable (ex: critical bugfixes)

[skjnldsv]

Files potentially missing some code change from previous PR:

• apps/files_reminders/src/components/setcustomremindermodal.vue
• apps/files_sharing/src/components/sharingentryquickshareselect.vue
• apps/settings/src/components/applist/appitem.vue
• apps/settings/src/components/personalinfo/emailsection/email.vue
• apps/settings/src/views/apps.vue
• apps/updatenotification/src/components/updatenotification.vue
• apps/user_status/src/userstatus.vue
• core/src/components/usermenu/usermenuentry.vue
• core/src/views/usermenu.vue

[nickvergessen]

Backend part moved to #47349

[susnux]

Test seems to work fine, but some comments.

[susnux]

Tested it, could not find any regressions with LTR language.
So I think we should be able to merge even before the backend PR which allows RTL layout.

[skjnldsv]

Ready for review @susnux ?

[susnux]

Ready for review ?

Yes I think so

[skjnldsv]

/compile amend-rebase /