fix: fix Locale Dropdown RTL icon + Webpack aliases ordering

[slorber]

Motivation

Fix for #5382

I was lazy and used inline styles, but the postCSS RTL plugin are not applied to inline styles so we should avoid them.

---

Also fixing an edge case found in Webpack alias ordering when an intermediate folder has an index.js file

@theme/NavbarItem should always be AFTER @theme/NavbarItem/LocaleDropdownNavbarItem or it would shadow it.

• add more robust tests to ensure proper ordering

[massoudmaboudi]

@slorber
Please consider the other issue I mentioned on that same page.

the English word is not aligned with that character. Please check docusaurus website to see the diff.

[netlify]

✔️ [V2]

🔨 Explore the source changes: de00328

🔍 Inspect the deploy log: https://app.netlify.com/sites/docusaurus-2/deploys/611e64f346dcb80007e7404e

😎 Browse the preview: https://deploy-preview-5383--docusaurus-2.netlify.app

[github-actions]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🟢 Performance	92
🟢 Accessibility	98
🟢 Best practices	100
🟢 SEO	100
🟢 PWA	95

Lighthouse ran on https://deploy-preview-5383--docusaurus-2.netlify.app/

[github-actions]

Size Change: -1 B (0%)

Total Size: 810 kB

ℹ️ View Unchanged

Filename	Size	Change
website/.docusaurus/globalData.json	36.2 kB	0 B
website/build/assets/css/styles.********.css	93.9 kB	0 B
website/build/assets/js/main.********.js	410 kB	0 B
website/build/blog/2017/12/14/introducing-docusaurus/index.html	65.2 kB	0 B
website/build/blog/index.html	35.4 kB	0 B
website/build/docs/index.html	43.1 kB	0 B
website/build/docs/installation/index.html	50.7 kB	-1 B (0%)
website/build/index.html	29.8 kB	0 B
website/build/tests/docs/index.html	23.9 kB	0 B
website/build/tests/docs/standalone/index.html	21.8 kB	0 B

_{compressed-size-action}

[slorber]

@massoudmaboudi I can't fix your issue in a generic way because it's due to your Nunito font.

Afaik there's no good generic way to align properly an SVG and some text that works for all fonts, but if you know one PRs are welcome.
If you use a custom font it's your responsibility to do the adjustments to make sure elements are properly aligned. You can swizzle the language icon component and add extra margins/paddings.

[massoudmaboudi]

@slorber
Thank you for the clarification that the issue comes from the font. I will check with different fonts and if any solution is there, I will share.