feat(01-10): add logout functionality to home page

- Updated HomePage to use AuthProvider instead of direct Supabase calls
- Added confirmation dialog before logout
- Added loading state display during logout
- Added error display for auth errors with dismiss functionality
- Added success message for successful logout
- Enhanced accessibility and user feedback

lib/features/home/presentation/pages/home_page.dart

@@ -1,27 +1,69 @@
 import 'package:flutter/material.dart';
-import 'package:supabase_flutter/supabase_flutter.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../../../providers/auth_provider.dart';
 
 /// Home page for authenticated users
 /// 
 /// Displays welcome message and provides logout functionality
 /// This is the main landing page after successful authentication
-class HomePage extends StatelessWidget {
+class HomePage extends ConsumerWidget {
   const HomePage({super.key});
 
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context, WidgetRef ref) {
-    final currentUser = Supabase.instance.client.auth.currentUser;
+    final authState = ref.watch(authStateProvider);
+    final currentUser = authState.user;
+    final authNotifier = ref.read(authProvider.notifier);
     
+    return Scaffold(
     return Scaffold(
       appBar: AppBar(
         title: const Text('Sage'),
         backgroundColor: Theme.of(context).colorScheme.inversePrimary,
         actions: [
+          if (authState.isLoading)
+            const Padding(
+              padding: EdgeInsets.all(16.0),
+              child: SizedBox(
+                width: 24,
+                height: 24,
+                child: CircularProgressIndicator(strokeWidth: 2),
+              ),
+            )
+          else
             IconButton(
               icon: const Icon(Icons.logout),
               onPressed: () async {
+                // Show confirmation dialog before logout
+                final confirmed = await showDialog<bool>(
+                  context: context,
+                  builder: (context) => AlertDialog(
+                    title: const Text('Confirm Logout'),
+                    content: const Text('Are you sure you want to log out?'),
+                    actions: [
+                      TextButton(
+                        onPressed: () => Navigator.of(context).pop(false),
+                        child: const Text('Cancel'),
+                      ),
+                      TextButton(
+                        onPressed: () => Navigator.of(context).pop(true),
+                        child: const Text('Logout'),
+                      ),
+                    ],
+                  ),
+                );
+
+                if (confirmed == true && context.mounted) {
                   try {
-                await Supabase.instance.client.auth.signOut();
+                    await authNotifier.signOut();
+                    if (context.mounted) {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        const SnackBar(
+                          content: Text('Logged out successfully'),
+                          backgroundColor: Colors.green,
+                        ),
+                      );
+                    }
                   } catch (e) {
                     if (context.mounted) {
                       ScaffoldMessenger.of(context).showSnackBar(
@@ -32,12 +74,40 @@ class HomePage extends StatelessWidget {
                       );
                     }
                   }
+                }
               },
               tooltip: 'Logout',
             ),
         ],
       ),
-      body: Center(
+      body: Column(
+        children: [
+          // Show auth error if present
+          if (authState.error != null)
+            Container(
+              width: double.infinity,
+              padding: const EdgeInsets.all(16),
+              color: Colors.red.shade50,
+              child: Row(
+                children: [
+                  Icon(Icons.error, color: Colors.red.shade700),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: Text(
+                      authState.error!,
+                      style: TextStyle(color: Colors.red.shade700),
+                    ),
+                  ),
+                  IconButton(
+                    icon: const Icon(Icons.close),
+                    onPressed: () => authNotifier.clearError(),
+                    color: Colors.red.shade700,
+                  ),
+                ],
+              ),
+            ),
+          Expanded(
+            child: Center(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
@@ -128,7 +198,9 @@ class HomePage extends StatelessWidget {
             ],
             ),
           ),
+        ],
       ),
     );
+    );
   }
 }