Fix initExpanded being incorrectly handled

Author: ankith26

frontend/src/components/ReviewBox.jsx

@@ -119,7 +119,7 @@ const Review = ({ review, endpoint, onUpdate }) => {
 
 const ReviewBox = ({ children, title, endpoint, initExpanded }) => {
   const [reviewsList, setReviewsList] = useState(null);
-  const [isExpanded, setIsExpanded] = useState(initExpanded);
+  const [isExpanded, setIsExpanded] = useState(false);
   const cache = useRef({}); // Cache for reviews data
 
   const fetchReviews = async () => {
@@ -138,6 +138,11 @@ const ReviewBox = ({ children, title, endpoint, initExpanded }) => {
     setIsExpanded(!isExpanded);
   };
 
+  /* init expanded when endpoint changes */
+  useEffect(() => {
+    setIsExpanded(initExpanded);
+  }, [endpoint]);
+
   useEffect(() => {
     if (isExpanded) {
       if (cache.current[endpoint]) {
@@ -148,7 +153,7 @@ const ReviewBox = ({ children, title, endpoint, initExpanded }) => {
     } else {
       setReviewsList(null);
     }
-  }, [endpoint, isExpanded]);
+  }, [isExpanded]);
 
   return (
     <Card