Flutter title and icon alignment fixes

mobile/lib/screens/main_navigation_screen.dart

@@ -139,15 +139,17 @@ class _MainNavigationScreenState extends State<MainNavigationScreen> {
       ),
       actions: [
         Padding(
-          padding: const EdgeInsets.only(top: 12, right: 12),
-          child: InkWell(
-            onTap: () {
-              _handleSelectSettings(authProvider, introLayout);
-            },
-            child: const SizedBox(
-              width: 36,
-              height: 36,
-              child: Icon(Icons.settings_outlined),
+          padding: const EdgeInsets.only(right: 12),
+          child: Center(
+            child: InkWell(
+              onTap: () {
+                _handleSelectSettings(authProvider, introLayout);
+              },
+              child: const SizedBox(
+                width: 36,
+                height: 36,
+                child: Icon(Icons.settings_outlined),
+              ),
             ),
           ),
         ),

mobile/lib/screens/settings_screen.dart

@@ -122,9 +122,6 @@ class _SettingsScreenState extends State<SettingsScreen> {
     final authProvider = Provider.of<AuthProvider>(context);
 
     return Scaffold(
-      appBar: AppBar(
-        title: const Text('Settings'),
-      ),
       body: ListView(
         children: [
           // User info section