Update the light and dark theme icon

[nikki-05]

Description

-Replaced the sun image
-Implemented the light theme toggling properly
-added JavaScript to toggle the theme by switching the icon between moon and sun images on click and updating the body class to reflect the corresponding theme.

Related Issues

Fixes issue #1419

• Closes Bug: Misalignment of the dark toggle mode button  #1419

Type of PR

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

Screenshots / videos (if applicable)

Checklist

• [ x ] I have gone through the contributing guide
• [ x ] I have updated my branch and synced it with project main branch before making this PR
• [ x ] I have performed a self-review of my code
• [ 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 commented my code, particularly in hard-to-understand areas.

[github-actions]

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

[netlify]

✅ Deploy Preview for foodies-ordering-website ready!

Name	Link
🔨 Latest commit	95bbb34
🔍 Latest deploy log	https://app.netlify.com/sites/foodies-ordering-website/deploys/66b713ee1c659700081c9383
😎 Deploy Preview	https://deploy-preview-1596--foodies-ordering-website.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.

[nikki-05]

Hi @khushi-joshi-05, I made the necessary changes if any changes are required, please do tell.

[sunny0625]

solve conflicts.

[nikki-05]

solve conflicts.

I resolved the conflicts