handle error in refresh room during loading

Author: soham004

src/components/TopBar/TopBar.tsx

@@ -145,10 +145,20 @@ export class ListRoomsButton extends React.Component<{}> {
   refreshRooms = async () => {
     if (this.context.user) {
       const token = await this.context.user.getIdToken();
-      const response = await fetch(
-        serverPath + `/listRooms?uid=${this.context.user?.uid}&token=${token}`,
-      );
-      this.setState({ rooms: await response.json() });
+      try {
+        const response = await fetch(
+          serverPath +
+            `/listRooms?uid=${this.context.user?.uid}&token=${token}`,
+        );
+        if (!response.ok) {
+          this.setState({ rooms: [] });
+          return;
+        }
+        const data = await response.json();
+        this.setState({ rooms: Array.isArray(data) ? data : [] });
+      } catch {
+        this.setState({ rooms: [] });
+      }
     }
   };