fix: Position of Night mode button

[manikdamle]

Title and Issue number

Title :Night mode button was not clearly visible in the navbar

Issue No. : #1430

Code Stack :

Close #<#1430>

Description

Night mode button was not clearly visible in the navbar. It is now visible.

Video/Screenshots (mandatory)

Type of PR

• [X] Bug fix
• [x] Feature enhancement
• [ ] 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
• [x] I am contributing under Hacktoberfest'24

[netlify[bot]]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	e9079503d274b50f6c862586a1d0f662c795a631
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/671e0b3be8efe30008c928f2
😎 Deploy Preview	https://deploy-preview-1541--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.

[manikdamle]

@apu52 Pls review

[manikdamle]

Hey @apu52 , can you pls review and merge if everything is ok?

[manikdamle]

@apu52 resolved them. Pls check