light/dark mode added

[S-ishita]

Related Issue

Closes #498

Description

Screenshots

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	e0be3663c69e678db36a0e38fbf201cbc8e5a6ae
🔍 Latest deploy log	https://app.netlify.com/sites/joyful-otter-a57da4/deploys/64ccad71bad5fd00083834e9
😎 Deploy Preview	https://deploy-preview-528--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.

[S-ishita]

@cleveranu please review and merge

[cleveranu]

Can you improve it. Firstly add that dark/light button in right hand side (corner) and when it is light can you also change font color of projects as it is not visible rest is good

[S-ishita]

Made the changes..please review @cleveranu

[cleveranu]

Great

[S-ishita]

Please add the level and gssoc labels @cleveranu

[S-ishita]

hey @cleveranu shouldn't this be level 2?