Enable bell in profile.js to activate as per report from AsyncStorage

src/components/pages/profile.js

@@ -149,14 +149,18 @@ const ProfileDisplayJsx = ({navigation}) => {
         inactive: require("assets/eva-icons/bell-black.png")
     }
 
-    useEffect(() => {
+    useEffect(async () => {
-        AsyncStorage.getItem("@user_profile").then((profileJSON) => {
+        const profile = JSON.parse(await AsyncStorage.getItem("@user_profile"));
-            setState({
+        const notifications = JSON.parse(
-                profile: JSON.parse(profileJSON),
+            await AsyncStorage.getItem("@user_notifications")
-                mutuals: getMutuals(TEST_YOUR_FOLLOWERS, TEST_THEIR_FOLLOWERS),
+        );
-                own: true,
+
-                loaded: true,
+        setState({
-            });
+            profile: profile,
+            unreadNotifications: notifications.unread,
+            mutuals: getMutuals(TEST_YOUR_FOLLOWERS, TEST_THEIR_FOLLOWERS),
+            own: true,
+            loaded: true,
         });
     }, []);
 
@@ -207,7 +211,12 @@ const ProfileDisplayJsx = ({navigation}) => {
                                     <View style = { styles.profileContextContainer }>
                                         <TouchableOpacity>
                                             <Image
-                                                source = { activeOrNot(state.unread_notifs, notif_pack) }
+                                                source = {
+                                                    activeOrNot(
+                                                        state.unreadNotifications,
+                                                        notif_pack
+                                                    )
+                                                }
                                                 style = { styles.profileHeaderIcon } />
                                         </TouchableOpacity>
                                     </View>