feat(ui): add themed shell navigation

lib/main.dart

@@ -1,19 +1,21 @@
 import 'package:abawo_bt_app/pages/devices_page.dart';
+import 'package:abawo_bt_app/pages/devices_tab_page.dart';
 import 'package:abawo_bt_app/src/rust/frb_generated.dart';
+import 'package:abawo_bt_app/theme/app_theme.dart';
 import 'package:abawo_bt_app/util/sharedPrefs.dart';
+import 'package:abawo_bt_app/widgets/app_shell.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import 'package:logging/logging.dart';
 import 'package:nb_utils/nb_utils.dart';
-import 'pages/home_page.dart';
 import 'pages/settings_page.dart';
 import 'package:abawo_bt_app/pages/device_details_page.dart';
 
 Future<void> main() async {
   Logger.root.level = Level.ALL; // defaults to Level.INFO
   Logger.root.onRecord.listen((record) {
-    print('${record.level.name}: ${record.time}: ${record.message}');
+    debugPrint('${record.level.name}: ${record.time}: ${record.message}');
   });
   await RustLib.init();
   WidgetsFlutterBinding.ensureInitialized();
@@ -27,24 +29,22 @@ Future<void> main() async {
   ], child: const AbawoBtApp()));
 }
 
-class AbawoBtApp extends StatelessWidget {
+class AbawoBtApp extends ConsumerWidget {
   const AbawoBtApp({super.key});
 
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context, WidgetRef ref) {
+    final themePreference = ref.watch(appThemePreferenceProvider);
+
     return MaterialApp.router(
       title: 'Abawo BT App',
-      theme: ThemeData(
-        primarySwatch: Colors.blue,
-        useMaterial3: true,
-        brightness: Brightness.light,
-      ),
-      darkTheme: ThemeData(
-        primarySwatch: Colors.blue,
-        useMaterial3: true,
-        brightness: Brightness.dark,
-      ),
-      themeMode: ThemeMode.system,
+      theme: AppTheme.light(),
+      darkTheme: AppTheme.dark(),
+      themeMode: switch (themePreference) {
+        AppThemePreference.light => ThemeMode.light,
+        AppThemePreference.dark => ThemeMode.dark,
+        AppThemePreference.system => ThemeMode.system,
+      },
       routerConfig: _router,
       debugShowCheckedModeBanner: false,
     );
@@ -54,22 +54,28 @@ class AbawoBtApp extends StatelessWidget {
 // Configure GoRouter
 final _router = GoRouter(
   navigatorKey: navigatorKey,
-  initialLocation: '/',
+  initialLocation: '/devices',
   routes: [
-    GoRoute(
-      path: '/',
-      builder: (context, state) => const HomePage(),
+    ShellRoute(
+      builder: (context, state, child) => AppShell(
+        currentLocation: state.uri.path,
+        child: child,
+      ),
       routes: [
         GoRoute(
-          path: 'settings',
-          builder: (context, state) => const SettingsPage(),
+          path: '/devices',
+          builder: (context, state) => const DevicesTabPage(),
         ),
         GoRoute(
-          path: 'connect_device',
-          builder: (context, state) => const ConnectDevicePage(),
-        )
+          path: '/settings',
+          builder: (context, state) => const SettingsPage(),
+        ),
       ],
     ),
+    GoRoute(
+      path: '/connect_device',
+      builder: (context, state) => const ConnectDevicePage(),
+    ),
     GoRoute(
       path: '/device/:deviceAddress',
       builder: (context, state) {