[BUG]: Fixed navbar and darkmode issue

[SyedImtiyaz-1]

Closes #538

Description

Hello @cleveranu , I have fixed the navbar and the darkmode issue bug which is the major bug for the website because website is not showing the navbar.So I have fixed the issue and it's now wokring properly you can review it and it is super ready to merge. 👍🏻

Fixed Issue Video

Screencast from 04-08-23 10:25:26 PM IST.webm

Checklist

• [x] My code adheres to the established style guidelines of the project.
• [x] I have included comments in areas that may be difficult to understand.
• [x] My changes have not introduced any new warnings.
• [x] I have conducted a self-review of my code.

[netlify[bot]]

✅ Deploy Preview for joyful-otter-a57da4 ready!

Name	Link
🔨 Latest commit	87640de8d2bc3c017d006bb183a2ac45f58dc57b
🔍 Latest deploy log	https://app.netlify.com/sites/joyful-otter-a57da4/deploys/64cd2eadb2ba1f0009ca1e79
😎 Deploy Preview	https://deploy-preview-539--joyful-otter-a57da4.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.

[SyedImtiyaz-1]

@cleveranu can you please review this.

[Shreyaar12]

@SyedImtiyaz-1 Hi, first of all not adding a navbar was the essence of the design of this page and not an "issue" per say. Kindly fix the issues mentioned in review.

[SyedImtiyaz-1]

@Shreyaar12 Okay.

[SyedImtiyaz-1]

@Shreyaar12 Please add hosted link in the about section it is easier for the contributor for quick checks

[SyedImtiyaz-1]

@cleveranu I think you forgot to give the labels.