feat:Dark Mode Toggle Feature

[nitro56565]

Feature - Dark Mode Toggle

Changes

• Added a Dark Mode toggle feature to the Template Playground.
• Implemented global states in the store to manage the dark mode theme for the entire page.
• Integrated the dark mode functionality across various components using the global state.
• Implemented the dark mode for Monaco editor dynamically as well
• Updated the background and text colors dynamically based on the theme.

Flags

• Ensure that the global state changes are properly synced across all components that need the theme update.

Screenshots or Video

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to main from fork:branchname

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	faa04bb
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/672e1e5d952f7a0008fc5098
😎 Deploy Preview	https://deploy-preview-112--ap-template-playground.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.

[dselman]

Nice work! Thank you.