Add Dark/Light Mode Toggle

[Sangeeta-20-stack]

Current Behaviour

The project currently uses dark mode, but there is no way for users to switch between dark and light modes. Adding a toggle will improve user experience and accessibility.

Proposed Solution

Implement a dark/light mode toggle switch in the UI (e.g., in the header or settings panel).

Use a state variable (or context) to track the current theme (dark or light).

Apply appropriate CSS classes or Tailwind/Dark mode variants to switch styles dynamically.

Ensure smooth transitions between modes without affecting existing components.

Save user preference (e.g., in localStorage) so the chosen mode persists across sessions.

Screenshot/Mockup (Optional)

Alternatives Considered

Additional Context

Requirement/Document

Kindly assign me this issue

[github-actions]

👋 Thank you for raising an issue! We appreciate your effort in helping us improve. A maintainer from Dataverse will review it shortly. Stay tuned!