Changed UI for translator

[Antima2004]

🚀 Pull Request

Description
Changed the UI for the translator

---

Related Issue
If this pull request addresses an issue, link to it here (e.g., Closes #123).

---

Type of Change
What kind of change does this pull request introduce?

• [x] 🐛 Bug fix
• [ ] 🚀 New feature
• [ ] 📄 Documentation update
• [ ] 🛠️ Code improvement/refactor
• [x] 🖼️ UI/UX update
• [ ] Other (please specify)

---

Screenshots (if applicable)
Before: After:

---

Checklist
Please ensure the following tasks are complete before submitting the pull request:

• [x] I have tested my changes and ensured they work as expected.
• [x] I have added any necessary documentation or comments.
• [x] I have checked the existing issues and pull requests to avoid duplicates.
• [x] I have starred this repository.
• [x] I have reviewed my code for best practices and readability.
• [x] I have included any relevant tests (if applicable).

---

Additional Context
Add any other relevant information or context about the pull request here.

[netlify[bot]]

✅ Deploy Preview for visionary-fenglisu-db1b1d ready!

Name	Link
🔨 Latest commit	22cd5d5423191e08cd5cae7dc56f4336c02dd913
🔍 Latest deploy log	https://app.netlify.com/sites/visionary-fenglisu-db1b1d/deploys/672cb440b53fa10008c9192e
😎 Deploy Preview	https://deploy-preview-607--visionary-fenglisu-db1b1d.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.

[Antima2004]

@gauravsingh1281 please review this pr.

[Antima2004]

@gauravsingh1281 please review this pr