fix: fixed the i18n feature for smaller screens

[TenzDelek]

Fixes #2708

Description

• enabled the language button for the smaller screen
• When Menu is closed:

- when Menu is open:

• also found duplicate py in LanguageSelect file, so removed the py-0 from the file

[github-actions]

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[netlify]

✅ Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	a26ac86
🔍 Latest deploy log	https://app.netlify.com/sites/asyncapi-website/deploys/6626820b45558c00082cdd54
😎 Deploy Preview	https://deploy-preview-2877--asyncapi-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[asyncapi-bot]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🔴 Performance	40
🟢 Accessibility	98
🟢 Best practices	92
🟢 SEO	100
🔴 PWA	33

Lighthouse ran on https://deploy-preview-2877--asyncapi-website.netlify.app/

[akkshitgupta]

@sambhavgupta0705 I just want to know if this is what we want to achieve. As far as I know, we were to implement the language icon for the selector instead of the default selection drop-down view.

[sambhavgupta0705]

@sambhavgupta0705 I just want to know if this is what we want to achieve. As far as I know, we were to implement the language icon for the selector instead of the default selection drop-down view.

Sorry I didn't get it

[sambhavgupta0705]

PTAL @anshgoyalevil

[akkshitgupta]

Sorry I didn't get it

@sambhavgupta0705 I am referring to this comment #2708 (comment) where I guess we were to use an icon for language selector

[anshgoyalevil]

@akkshitgupta Your PR looks good 😄 though, we didn't get any explicit recommendation from @Mayaleeeee about how the Language Selector should look like.

In my view, the dropdown should look identical to the current one in contrast to using an "Icon Only" that would not show the currently selected language.

I have a few recommendations though. Watch out how it looks on websites (on mobile view) like:

• https://kubevela.io/ (Inside the dropdown)
• https://kubernetes.io/ (Inside the dropdown)
• https://solace.com/ (Inside footer) (Our sponsor :))

[TenzDelek]

hello @anshgoyalevil here is my two cent, I think from a UX point of view, keeping the language selector outside would be more preferable. it would be easier to navigate for the user and keeping it separate from the main content in the dropdown. @Mayaleeeee @derberg what do you guys think?. @anshgoyalevil I can put that in the dropdown if you think it more convenient. 😁

[sambhavgupta0705]

closing this as it was opened before migration

[sambhavgupta0705]

@TenzDelek if you would like to work on this one then you may open a new PR for this and then we can review it