✨implement light and dark theme

lib/widgets/theme_toggle.dart

@@ -0,0 +1,60 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import '../core/theme/colors.dart';
+import '../core/theme/theme_provider.dart';
+
+class ThemeToggle extends StatelessWidget {
+  const ThemeToggle({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final themeProvider = context.watch<ThemeProvider>();
+
+    return Row(
+      children: [
+        Icon(
+          themeProvider.isDarkMode ? Icons.dark_mode : Icons.light_mode,
+          color: AppColors.primaryTextColor,
+        ),
+        const SizedBox(width: 8),
+        Text(
+          themeProvider.isDarkMode ? 'Dark Mode' : 'Light Mode',
+          style: TextStyle(color: AppColors.primaryTextColor, fontSize: 16),
+        ),
+        const Spacer(),
+        Switch(
+          value: themeProvider.isDarkMode,
+          onChanged: (value) {
+            themeProvider.toggleTheme();
+          },
+          activeColor: AppColors.primaryColor,
+        ),
+      ],
+    );
+  }
+}
+
+// Simple icon button version
+class ThemeToggleButton extends StatelessWidget {
+  const ThemeToggleButton({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final themeProvider = context.watch<ThemeProvider>();
+
+    return IconButton(
+      icon: Icon(
+        themeProvider.isDarkMode ? Icons.light_mode : Icons.dark_mode,
+        color: AppColors.primaryTextColor,
+      ),
+      onPressed: () {
+        themeProvider.toggleTheme();
+      },
+      tooltip:
+          themeProvider.isDarkMode
+              ? 'Switch to Light Mode'
+              : 'Switch to Dark Mode',
+    );
+  }
+}