Fixed pullup menu wording on homepage and added message notifications

src/routes/ConversationPage/ConversationPage.tsx

@@ -33,6 +33,7 @@ import {
 import { useToast } from "react-native-toast-notifications";
 import { useQueryClient } from "@tanstack/react-query";
 import AnimatedContainer from "../../components/AnimatedContainer/AnimatedContainer";
+import AsyncStorage from "@react-native-async-storage/async-storage";
 
 export default function ConversationPage() {
   const toast = useToast();
@@ -104,8 +105,9 @@ export default function ConversationPage() {
       }
       return data;
     },
-    onSuccess: (data: MessageReturnType) => {
+    onSuccess: async (data: MessageReturnType) => {
       if (data[1]) {
+        await AsyncStorage.setItem("messages", JSON.stringify(data[1]));
         setMessages(data[1]);
       }
     },

src/routes/Home/Home.tsx

@@ -845,7 +845,6 @@ export default function Home() {
         hasBackdrop={false}
       >
         <AnimatedContainer>
-          <Text style={styles.text_white_medium}>Groups List</Text>
           <Pressable
             style={{
               alignContent: "flex-start",
@@ -856,12 +855,16 @@ export default function Home() {
           >
             <DropdownIcon size={32} />
           </Pressable>
-          <Switch
-            value={modalByGroup}
-            onChange={() => {
-              setModalByGroup(!modalByGroup);
-            }}
-          />
+          <View style={styles.flex_row}>
+            <Switch
+              value={modalByGroup}
+              onChange={() => {
+                setModalByGroup(!modalByGroup);
+              }}
+            />
+            <Text style={styles.text_white_medium}>List View</Text>
+          </View>
+
           <ScrollView>
             {!modalByGroup ? (
               student_statuses.map(