more chnages has been done for the usr setting screen

lib/screens/main_screen.dart

@@ -1,3 +1,4 @@
+import 'package:coda_project/screens/user_settings_screen.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import '../widgets/app_background.dart';
@@ -42,16 +43,25 @@ class _MainPageState extends State<MainPage> {
         child: SafeArea(
           child: Column(
             children: [
-              SettingsBar(
-                selectedIndex: _settingsIndex,
-                onTap: (index) {
-                  setState(() {
-                    _settingsIndex = index;
-                  });
-                },
-                showBackButton: false,
-                iconPaths: _settingsIconPaths,
-              ),
+        SettingsBar(
+  selectedIndex: _settingsIndex,
+  onTap: (index) {
+    setState(() {
+      _settingsIndex = index;
+    });
+
+    // 🟢 If user clicked the first icon (user.svg), open settings screen
+    if (index == 0) {
+      Navigator.push(
+        context,
+        MaterialPageRoute(builder: (_) => const UserSettingsScreen()),
+      );
+    }
+  },
+  showBackButton: false,
+  iconPaths: _settingsIconPaths,
+),
+
 
               // Main content area
               Expanded(