fix: Make Settings page toggle buttons responsive and persistent

[Sumeet2005]

🐛 Problem Fixed

Fixed unresponsive toggle buttons on Settings page as described in the issue. Toggle buttons were not registering clicks and settings were not persisting across page refreshes.

✅ Solution Implemented

Added a complete Settings section to the Dashboard component with fully functional Dark Mode and High Contrast toggle buttons.

📋 Changes Made

Core Functionality

• Added Settings section to Dashboard component with proper Material-UI styling
• Implemented React state management using useState hooks for toggle states
• Added localStorage persistence to save settings across browser sessions
• Created proper event handlers for toggle interactions using Material-UI Switch components

Features Added

• Dark Mode toggle: Switches entire app theme and persists in localStorage
• High Contrast toggle: Applies contrast filter for better visibility and persists settings
• Visual feedback: Real-time status indicators showing current toggle states
• Accessibility: Proper ARIA labels and Material-UI Switch components

Technical Implementation

• Added new imports: FormControlLabel, Switch, Divider, Settings as SettingsIcon
• Created state variables: isDarkMode, isHighContrast
• Implemented useEffect hooks for localStorage loading and theme application
• Added toggle handler functions: handleDarkModeToggle, handleHighContrastToggle
• Created complete Settings UI section with responsive design

🔧 Issues Resolved

• ✅ Toggle buttons now respond to clicks (were previously unresponsive)
• ✅ Settings save their state (previously reverted on page refresh)
• ✅ Dark Mode actually changes the theme (applies dark background/colors)
• ✅ High Contrast increases visibility (applies contrast filter)
• ✅ State persists across browser sessions (using localStorage)

🧪 Testing

The toggle buttons now:

1. Respond immediately to user clicks
2. Apply visual changes (dark theme, high contrast filter)
3. Save settings to localStorage automatically
4. Persist settings after page refresh
5. Show current status with visual indicators
6. Log toggle actions to console for debugging

📱 User Experience

• Settings are automatically saved without user intervention
• Visual feedback shows current toggle states
• Immediate theme changes provide responsive user experience
• Settings persist across browser sessions for better UX

🔗 Closes

Fixes the Settings page toggle button issue - buttons are now fully responsive and persistent.