Add banner that suggest to switch to preferred locale by user

[marinaaisa]

Bug/issue #104924748, if applicable:

Summary

Add banner that suggest to switch to preferred locale by user

Dependencies

NA

Testing

Steps:

1. Add the following to theme-settings.json file at public folder

{
  "features": {
    "docs": {
      "i18n": {
        "enable": true
      }
    }
  }
}

3. Run npm run serve
4. Go to the bottom of the page and change the language in the locale selector Chinese for example
5. Delete localStorage
6. If you have your browser in English, you should assert that a banner is displayed

Checklist

Make sure you check off the following items. If they cannot be completed, provide a reason.

• Added tests
• Ran npm test, and it succeeded
• Updated documentation if necessary

[marinaaisa]

To do: add correct translation strings

[dobromir-hristov]

Code looks good. I cannot test, because I dont have a dataset, but make sure the extra header does not intervene with the sticky components, like the navigator, both on mobile and desktop variants.

I remember I added some guards against such things, but in any case...

[marinaaisa]

@swift-ci test

[marinaaisa]

Thanks Dobri! I've addressed your feedback. Give it another try :)

[dobromir-hristov]

LGTM, will wait on design to approve too

[marinaaisa]

@swift-ci test

[marinaaisa]

@swift-ci test

[marinaaisa]

@swift-ci test

[marinaaisa]

@swift-ci test