fix

lib/app.dart

@@ -1,15 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'core/router/app_router.dart';
 import 'core/theme/app_theme.dart';
-import 'features/auth/presentation/presentation.dart';
-import 'features/home/presentation/pages/home_page.dart';
-import 'features/products/presentation/pages/products_page.dart';
-import 'features/categories/presentation/pages/categories_page.dart';
-import 'features/settings/presentation/pages/settings_page.dart';
+import 'features/auth/presentation/providers/auth_provider.dart';
 import 'features/settings/presentation/providers/theme_provider.dart';
-import 'shared/widgets/app_bottom_nav.dart';
 
-/// Root application widget with authentication wrapper
+/// Root application widget with go_router integration
 class RetailApp extends ConsumerStatefulWidget {
   const RetailApp({super.key});
 
@@ -32,54 +28,15 @@ class _RetailAppState extends ConsumerState<RetailApp> {
   @override
   Widget build(BuildContext context) {
     final themeMode = ref.watch(themeModeFromThemeProvider);
+    final router = ref.watch(routerProvider);
 
-    return MaterialApp(
+    return MaterialApp.router(
       title: 'Retail POS',
       debugShowCheckedModeBanner: false,
       theme: AppTheme.lightTheme,
       darkTheme: AppTheme.darkTheme,
       themeMode: themeMode,
-      // Wrap the home with AuthWrapper to require login
-      home: const AuthWrapper(
-        child: MainScreen(),
-      ),
-    );
-  }
-}
-
-/// Main screen with bottom navigation (only accessible after login)
-class MainScreen extends ConsumerStatefulWidget {
-  const MainScreen({super.key});
-
-  @override
-  ConsumerState<MainScreen> createState() => _MainScreenState();
-}
-
-class _MainScreenState extends ConsumerState<MainScreen> {
-  int _currentIndex = 0;
-
-  final List<Widget> _pages = const [
-    HomePage(),
-    ProductsPage(),
-    CategoriesPage(),
-    SettingsPage(),
-  ];
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      body: IndexedStack(
-        index: _currentIndex,
-        children: _pages,
-      ),
-      bottomNavigationBar: AppBottomNav(
-        currentIndex: _currentIndex,
-        onTap: (index) {
-          setState(() {
-            _currentIndex = index;
-          });
-        },
-      ),
+      routerConfig: router,
     );
   }
 }