dark light mode icon on home screen

[shaurya-8055]

Dark Mode Toggle Implementation Summary

I have successfully implemented a comprehensive dark mode toggle functionality for the wallpaper app. Here's what was added:

🌙 Features Implemented:

ThemeProvider (theme_provider.dart)

• Manages app-wide theme state using Provider pattern

• Persists theme preference using SharedPreferences

• Provides light and dark theme configurations

• Methods to toggle and set theme modes

• ThemeToggleButton Widget (theme_toggle_button.dart)

• Beautiful animated toggle button with smooth transitions

• Shows sun icon in dark mode, moon icon in light mode

• Positioned next to the search bar for easy access

• Consistent styling with the app's design language

• Updated Search Bar Layout (modified search_bar_widget.dart)

• Now displays search field and theme toggle button in a row

• Maintains original search functionality

• Responsive layout that works well on different screen sizes

• Enhanced Main App (modified main.dart)

• Integrated ThemeProvider into the app's provider hierarchy

• Uses Consumer pattern for reactive theme switching

• Maintains compatibility with existing Firebase Remote Config

• Syncs manual theme changes with remote config when available

🎨 How it Works:

• Manual Toggle: Users can tap the theme toggle button next to the search bar
• Persistent Storage: Theme preference is saved locally and restored on app restart
• Immediate Effect: Theme changes apply instantly across all screens
• Remote Config Integration: Still works with Firebase Remote Config for server-side theme control
• Animated Transitions: Smooth icon animations when switching themes

✨ UI/UX Features:

• Intuitive Icon Design: Sun icon when dark mode is active, moon when light mode is active
• Smooth Animations: Rotating fade transition when switching themes
• Consistent Styling: Follows app's existing design patterns with glassmorphism effect
• Accessible Positioning: Easy to reach next to search bar in the header
• Visual Feedback: Icons change color to provide clear state indication

🎯 Where it Applies:

• All Screens: Theme changes affect the entire app globally
• Home Screen: Toggle button prominently displayed in the header
• Search Bar Area: Integrated seamlessly without disrupting search functionality
• Navigation: Works across all navigation scenarios
  The dark mode toggle is now fully functional and provides a smooth, professional user experience for switching between light and dark themes!
  [Feature]: Dark Mode Toggle #1

[shaurya-8055]