The current implementation of dark mode on RecodeHive using Docusaurus is inconsistent and does not provide a unified visual experience across pages. There are several issues where dark mode styles are either not applied correctly or are overridden by light mode defaults, especially during page transitions or first load.

We need to:

✅ Set Dark Mode as the default theme when a user first visits the site.

✅ Fix visual inconsistencies with dark mode styles (e.g., background color, text color, code blocks, navbar, footer).

✅ Ensure theme preferences persist across sessions.

✅ Apply dark mode styles correctly on all dynamic page loads (e.g., docs, blog, custom pages).

To Reproduce:

Visit https://www.recodehive.com/

Switch to dark mode (if not default).

Navigate between pages or refresh.

Observe:

Flash of light theme before switching to dark.

Inconsistent background or text color in some sections.

Code blocks and components with improper contrast.

Expected Behavior:

Dark mode should be applied by default on initial load.

All site elements (navbar, footer, content, buttons, code blocks) should reflect dark mode styling without flickering or fallback to light styles.

Preference should be saved in local storage or user settings.