feat(appshell): add appbar and user profile icon

- Added AppBar with title
- Implemented user profile icon
- Navigates to settings page

Author: fulleni

lib/app/view/app_shell.dart

@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter_adaptive_scaffold/flutter_adaptive_scaffold.dart';
 import 'package:go_router/go_router.dart';
 import 'package:ht_dashboard/l10n/l10n.dart';
+import 'package:ht_dashboard/router/routes.dart';
+import 'package:ht_dashboard/shared/constants/app_spacing.dart';
 
 /// A responsive scaffold shell for the main application sections.
 ///
@@ -27,32 +29,51 @@ class AppShell extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return AdaptiveScaffold(
-      selectedIndex: navigationShell.currentIndex,
-      onSelectedIndexChange: _goBranch,
-      destinations: [
-        NavigationDestination(
-          icon: const Icon(Icons.dashboard_outlined),
-          selectedIcon: const Icon(Icons.dashboard),
-          label: context.l10n.dashboard,
-        ),
-        NavigationDestination(
-          icon: const Icon(Icons.folder_open_outlined),
-          selectedIcon: const Icon(Icons.folder),
-          label: context.l10n.contentManagement,
-        ),
-        NavigationDestination(
-          icon: const Icon(Icons.settings_applications_outlined),
-          selectedIcon: const Icon(Icons.settings_applications),
-          label: context.l10n.appConfiguration,
-        ),
-        NavigationDestination(
-          icon: const Icon(Icons.settings_outlined),
-          selectedIcon: const Icon(Icons.settings),
-          label: context.l10n.settings,
-        ),
-      ],
-      body: (_) => navigationShell,
+    final l10n = context.l10n;
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(l10n.dashboard),
+        actions: [
+          InkWell(
+            onTap: () {
+              context.goNamed(Routes.settingsName);
+            },
+            child: Padding(
+              padding: const EdgeInsets.all(AppSpacing.sm),
+              child: CircleAvatar(
+                backgroundColor: Theme.of(context).colorScheme.primaryContainer,
+                child: Icon(
+                  Icons.person,
+                  color: Theme.of(context).colorScheme.onPrimaryContainer,
+                ),
+              ),
+            ),
+          ),
+          SizedBox(width: AppSpacing.sm),
+        ],
+      ),
+      body: AdaptiveScaffold(
+        selectedIndex: navigationShell.currentIndex,
+        onSelectedIndexChange: _goBranch,
+        destinations: [
+          NavigationDestination(
+            icon: const Icon(Icons.dashboard_outlined),
+            selectedIcon: const Icon(Icons.dashboard),
+            label: l10n.dashboard,
+          ),
+          NavigationDestination(
+            icon: const Icon(Icons.folder_open_outlined),
+            selectedIcon: const Icon(Icons.folder),
+            label: l10n.contentManagement,
+          ),
+          NavigationDestination(
+            icon: const Icon(Icons.settings_applications_outlined),
+            selectedIcon: const Icon(Icons.settings_applications),
+            label: l10n.appConfiguration,
+          ),
+        ],
+        body: (_) => navigationShell,
+      ),
     );
   }
 }