feat: update based on recording state

src/components/robot/RecordingsTable.tsx

@@ -161,6 +161,8 @@ export const RecordingsTable = ({
 
   const {
     notify,
+    robot,
+    recordings,
     setRecordings,
     browserId,
     setBrowserId,
@@ -260,10 +262,10 @@ export const RecordingsTable = ({
   }
 
   useEffect(() => {
-    if (rows.length === 0) {
+    if (recordings.length >= 0) {
       fetchRecordings();
     }
-  }, [fetchRecordings]);
+  }, [recordings, fetchRecordings]);
 
   function useDebounce<T>(value: T, delay: number): T {
     const [debouncedValue, setDebouncedValue] = React.useState<T>(value);