Improved user info page

App.tsx

@@ -67,7 +67,7 @@ export default function App() {
             <Drawer.Screen name="Onboarding" component={Onboarding} />
             <Drawer.Screen name="Revalidation" component={Revalidation} />
             <Drawer.Screen name="Activation" component={Activation} />
-            <Drawer.Screen name="UserInfo" component={UserInfo} />
+            <Drawer.Screen name="User Info" component={UserInfo} />
           </Drawer.Navigator>
         </NavigationContainer>
       </QueryClientProvider>

src/components/DrawerSettings/CustomDrawerContent.tsx

@@ -72,11 +72,11 @@ export default function CustomDrawerContent(props: {}) {
         <DrawerButton
           color={colors.blue_2}
           onPress={() => {
-            navigation.navigate("UserInfo");
+            navigation.navigate("User Info");
           }}
         >
           <UserIcon size={32} />
-          <Text style={styles.text_white_medium}>UserInfo</Text>
+          <Text style={styles.text_white_medium}>User Info</Text>
         </DrawerButton>
         <DrawerButton
           color={colors.blue_2}

src/routes/UserInfo/UserInfo.tsx

@@ -37,6 +37,7 @@ export default function UserInfo() {
       });
     },
   });
+
   const navigation = useNavigation<RootDrawerParamList>();
   const [isEditable, setIsEditable] = useState(false);
   const subjectOptions = ["", "", "", ""];