Added initial student info page

App.tsx

@@ -18,6 +18,7 @@ import Revalidation from "./src/routes/Revalidation/Revalidation";
 import Activation from "./src/routes/Activation/Activation";
 import { useState, useEffect } from "react";
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
+import StudentInfo from "./src/routes/StudentInfo/StudentInfo";
 
 const Drawer = createDrawerNavigator();
 
@@ -31,6 +32,7 @@ const linking = {
       Onboarding: "onboarding",
       Revalidation: "revalidation",
       Activation: "activation/:uid?/:token?",
+      StudentInfo: "student_info",
       NotFound: "*",
     },
   },
@@ -66,6 +68,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="Student Info" component={StudentInfo} />
           </Drawer.Navigator>
         </NavigationContainer>
       </QueryClientProvider>

src/components/DrawerSettings/CustomDrawerContent.tsx

@@ -16,6 +16,7 @@ import { RootState } from "../../features/redux/Store/Store";
 import LogoutIcon from "../../icons/LogoutIcon/LogoutIcon";
 import { logout } from "../../features/redux/slices/StatusSlice/StatusSlice";
 import AsyncStorage from "@react-native-async-storage/async-storage";
+import UserIcon from "../../icons/UserIcon/UserIcon";
 
 export default function CustomDrawerContent(props: {}) {
   const navigation = useNavigation<RootDrawerParamList>();
@@ -68,6 +69,15 @@ export default function CustomDrawerContent(props: {}) {
           <HomeIcon size={32} />
           <Text style={styles.text_white_medium}>Home</Text>
         </DrawerButton>
+        <DrawerButton
+          color={colors.blue_2}
+          onPress={() => {
+            navigation.navigate("Student Info");
+          }}
+        >
+          <UserIcon size={32} />
+          <Text style={styles.text_white_medium}>Student Info</Text>
+        </DrawerButton>
         <DrawerButton
           color={colors.blue_2}
           onPress={async () => {

src/routes/StudentInfo/StudentInfo.tsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { View, Text } from "react-native";
+import AnimatedContainer from "../../components/AnimatedContainer/AnimatedContainer";
+import styles from "../../styles";
+
+export default function StudentInfo() {
+  return (
+    <View style={styles.background}>
+      <AnimatedContainer>
+        <Text>StudentInfo</Text>
+      </AnimatedContainer>
+    </View>
+  );
+}