Dark Implement Mode Toggle using React Context

Project Overview: We want to add a seamless global Dark Mode feature to our platform so users can toggle between light and dark themes effortlessly. Expected Output: - A custom React ThemeContext provider to track and apply the current theme ('light' or 'dark') globally across all components. - Persistent theme choice using `localStorage`, ensuring the application remembers the user's preference on page reload. - A functional toggle switch button in the navbar that smoothly transitions the interface colors using Tailwind's `dark:` variant classes. Required Skills: - ReactJS (useContext, useState, useEffect hooks) - Tailwind CSS (Configuring and using the class-based dark mode strategy) - Clean, maintainable state management practices Important Details: The global layout and basic navbar component are already built. Your primary responsibility is setting up the global context provider, integrating the state with local storage, and ensuring the Tailwind configuration matches the class toggle.