mobile: BookInfoModalReview: refresh on focus

mobile/Components/BookInfoModalReview/BookInfoModalReview.tsx

@@ -8,6 +8,7 @@ import { ActivityIndicator, FlatList, Text, View } from "react-native";
 import FontAwesome from "react-native-vector-icons/FontAwesome";
 import useSWR from "swr";
 import BookInfoReviewItem from "../BookInfoReviewItem";
+import { useFocusEffect } from "@react-navigation/native";
 
 const account = new Account(client);
 const databases = new Databases(client);
@@ -111,6 +112,12 @@ export const BookInfoModalReview = ({ bookInfo, navigation }) => {
   const { data, error, isLoading, mutate } = useSWR(bookInfo.id, getReviews);
   const [averageRating, setAverageRating] = React.useState(0);
 
+  useFocusEffect(
+    React.useCallback(() => {
+      mutate();
+    }, [mutate]),
+  );
+
   React.useEffect(() => {
     if (!isLoading && data) {
       let totalRating = 0;