docs in dark mode by default and added icons

[vishalvivekm]

Notes for Reviewers

This PR fixes #7190 #7208

• sets dark mode as default Meshery docs theme
• updates the mode toggle icons (currently there's same icon ☀ for both modes):

Signed commits
Signed-off-by: Vivek Vishal 110674407+vishalvivekm@users.noreply.github.com

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 0bf4cb0 at: https://63ff9ff0990de2004eacad4a--meshery-docs-preview.netlify.app

[leecalcote]

@sudhanshutech what do you think?

[sudhanshutech]

@sudhanshutech what do you think?

@leecalcote there is a flickering of dark mode when page reloads in light theme, @vishalvivekm the root cause is because the javascript is reloading after the page reloads. So here is a reference you can take @vishalvivekm https://dev.to/ayc0/light-dark-mode-avoid-flickering-on-reload-1567

[sudhanshutech]

Let me know if you need help @vishalvivekm

[l5io]

🚀 Preview for commit c04e043 at: https://6400740a9890866a17e26ff1--meshery-docs-preview.netlify.app

[vishalvivekm]

Let me know if you need help @vishalvivekm

Hey, Thank you very much @sudhanshutech for the feedback! Please do checkout the new preview! The Flickering is gone ☺

I consider this to be the first and last change required in this PR @leecalcote @GaganpreetKaurKalsi

[sudhanshutech]

Nice work @vishalvivekm 👍

[leecalcote]

Thank you, gents.