fix: Added the translate button

[CodeMosaic7]

Title and Issue number

fix: "Select Language" Dropdown Misplacement and Poor Accessibility

Issue No. : #1437

Code Stack :

Close #1437

Description

Replaced the google translate widget with a button which on hovering will open widget to translate the website.

Video/Screenshots (mandatory)

On hovering Choosing the language

Type of PR

• [ X] Bug fix
• [x] Feature enhancement
• [x] Documentation update
• [ ] Other (specify): ___

Checklist:

• [X ] I have performed a self-review of my code.
• [X ] I have commented my code, particularly in hard-to-understand areas.
• [X ] I have tested the changes thoroughly before submitting this pull request.
• [X ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [ X] I have gone through the contributing.md file before contributing
• [X ] I have Starred the Repository.

Additional context:

Are you contributing under any Open-source programme?

• [X ] I am contributing under GSSOC'24 Extended
• [ ] I am contributing under Hacktoberfest'24

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify[bot]]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	6b48eeefb6105f6331903012784b6fea679763cf
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/67224be268f2c00008681d25
😎 Deploy Preview	https://deploy-preview-1591--taupe-cendol-f7e2bb.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.

[CodeMosaic7]

@CodeMosaic7 this pr has merge conflicts , please try to resolve this

Resolved the conflicts.

[CodeMosaic7]

I'll try to figure out why that is happening and will generate a pull request.