Add dark/light mode toggle

[M4dhav]

Description:
The current application in Streamlit only supports a single theme, which may not suit all users' preferences. Adding a dark/light mode toggle will enhance user experience by allowing them to choose the mode that best fits their visual comfort.

Why It's Necessary:

• User Comfort: Provides users with the option to switch between light and dark modes based on their lighting environment or personal preference, reducing eye strain.
• Customization: Increases the app's versatility and appeal by allowing users to personalize their viewing experience.
• Accessibility: Dark mode can improve readability for users with light sensitivity, while light mode remains essential for users who prefer brighter displays.

Action Steps:

1. Implement a toggle switch in the Streamlit sidebar or header to allow users to choose between dark and light mode.
2. Utilize Streamlit's built-in theme customization or CSS to apply different styles for both modes.
3. Ensure that all components (text, buttons, charts, etc.) are clearly visible and accessible in both dark and light modes.
4. Persist the user's theme preference (e.g., through local storage or session state) so it remains consistent across sessions.
5. Test the implementation across different browsers and devices to ensure smooth transitions and consistent design.

[snehautekar05]

@M4dhav @notnotrachit can you assign this issue to me?

[notnotrachit]

Sure