fix (bug): Display issues in language switcher

[meel-hd]

Proposed changes

• Gave more width to the language switcher on mobile.
• Fixed "Help Translate" overlapping
• Show language name if it fits or show ellipses... to differentiate between English and English (United Kingdom), etc.

Closes: Displaying bugs of the unfolding language switcher #2158

Checklist

• Lint and unit tests pass locally with my changes.
• I have added tests that prove my fix is effective or that my feature works.
• I have added documentation to describe my feature.
• I have squashed my commits into logic units.
• I have described the changes in the commit messages.

Other information

Preview

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.71%. Comparing base (f201abe) to head (9eda469).
Report is 2 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2167      +/-   ##
==========================================
+ Coverage   82.67%   82.71%   +0.03%     
==========================================
  Files          26       26              
  Lines        2904     2904              
  Branches      431      431              
==========================================
+ Hits         2401     2402       +1     
+ Misses        400      399       -1     
  Partials      103      103              

[nijel]

Looks good. Can you please apply the same changes to style-rtl.css which is used for RTL languages?

[meel-hd]

Done