Fixed mismatched npm packages, adding drawer functionality.

App.js

@@ -8,8 +8,9 @@ import UserModifyScreen from "./src/components/screens/UserModifyScreen";
 import UserViewScreen from "./src/components/screens/UserViewScreen";
 import UserAddScreen from "./src/components/screens/UserAddScreen";
 import UserListScreen from "./src/components/screens/UserListScreen";
+import { createDrawerNavigator } from '@react-navigation/drawer';
 
-
+const Drawer = createDrawerNavigator();
 const Stack = createNativeStackNavigator();
 
 export const App = () => {
@@ -20,7 +21,7 @@ export const App = () => {
     return (
         <NavigationContainer>
             <Stack.Navigator
-                initialRouteName='UserListScreen'
+                initialRouteName='ModuleListScreen'
                 screenOptions={{
                     headerStyle: {backgroundColor: "black"},
                     headerTintColor: "white"

package.json

@@ -10,18 +10,18 @@
   },
   "dependencies": {
     "@expo/vector-icons": "^15.0.3",
-    "@react-native-picker/picker": "^2.11.4",
+    "@react-native-picker/picker": "^2.11.1",
     "@react-navigation/drawer": "^7.7.8",
-    "@react-navigation/native": "^7.1.18",
-    "@react-navigation/native-stack": "^7.5.1",
-    "expo": "^54.0.20",
-    "expo-status-bar": "~3.0.8",
+    "@react-navigation/native": "^7.1.24",
+    "@react-navigation/native-stack": "^7.8.5",
+    "expo": "~54.0.27",
+    "expo-status-bar": "~3.0.9",
     "react": "19.1.0",
     "react-native": "^0.81.5",
     "react-native-fullwidth-image": "^0.1.3",
-    "react-native-gesture-handler": "^2.29.1",
-    "react-native-reanimated": "^4.2.0",
-    "react-native-worklets": "^0.7.1"
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-worklets": "^0.5.1"
   },
   "private": true,
   "devDependencies": {