upgrade version

package.json

@@ -10,31 +10,31 @@
     "eject": "expo eject"
   },
   "dependencies": {
-    "@expo/webpack-config": "^18.0.1",
+    "@expo/webpack-config": "^19.0.0",
     "@firebase/auth": "^1.5.1",
-    "@react-native-async-storage/async-storage": "^1.18.1",
+    "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/masked-view": "^0.1.11",
     "@react-navigation/bottom-tabs": "^6.5.11",
     "@react-navigation/native": "^6.1.9",
     "@react-navigation/native-stack": "^6.9.17",
     "@react-navigation/stack": "^6.0.11",
     "dotenv": "^11.0.0",
-    "expo": "^48.0.19",
-    "expo-constants": "~14.2.1",
-    "expo-status-bar": "~1.4.4",
+    "expo": "^49.0.22",
+    "expo-constants": "~14.4.2",
+    "expo-status-bar": "~1.6.0",
     "firebase": "^9.9.3",
     "radio-buttons-react-native": "^1.0.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.71.14",
+    "react-native": "0.72.6",
     "react-native-currency-input": "^1.1.1",
-    "react-native-gesture-handler": "~2.9.0",
+    "react-native-gesture-handler": "~2.12.0",
     "react-native-gifted-chat": "^2.4.0",
     "react-native-radio-buttons-group": "^3.0.5",
-    "react-native-safe-area-context": "4.5.0",
-    "react-native-screens": "~3.20.0",
-    "react-native-web": "~0.18.10",
-    "typescript": "^4.9.4",
+    "react-native-safe-area-context": "4.6.3",
+    "react-native-screens": "~3.22.0",
+    "react-native-web": "~0.19.6",
+    "typescript": "^5.3.3",
     "uuid": "^9.0.1"
   },
   "devDependencies": {

screens/tabs/CatownerHome.js

@@ -3,7 +3,7 @@ import { View, TouchableOpacity, Text, TextInput, FlatList, ImageBackground, Key
 import { useNavigation } from "@react-navigation/native";
 import { FontAwesome } from "@expo/vector-icons";
 import colors from "../../colors";
-import { collection, query, onSnapshot, orderBy, where } from "firebase/firestore";
+import { collection, query, onSnapshot, orderBy, where, and } from "firebase/firestore";
 import { Entypo } from "@expo/vector-icons";
 import { CardItem } from "../../components";
 import { Icon } from '../../components'
@@ -41,7 +41,7 @@ const CatownerHome = () => {
 
   useLayoutEffect(() => {
     const collectionRef = collection(database, "profiles");
-    const q = query(collectionRef, where("role", "==", "cat-sitter", orderBy("updatedAt", "desc")));
+    const q = query(collectionRef, and(where("role", "==", "cat-sitter"), where("isOpen", "==", true)), orderBy("updatedAt", "desc"));
 
     const unsubscribe = onSnapshot(q, (querySnapshot) => {
       setCatsitters(
@@ -63,7 +63,7 @@ const CatownerHome = () => {
         <Text style={styles.heading2}>Your Location: </Text>
         <TouchableOpacity style={styles.currentCity}>
           <Icon name="navigate-outline" size={20} color={WHITE} />
-          <Text style={styles.textButton}>New York, USA</Text>
+          <Text style={styles.textButton}>Reutlingen</Text>
         </TouchableOpacity>
       </View>