fix(CinePlayer): always show cine player for dynamic data (#4575)

Co-authored-by: Ibrahim <ibrahim.mdev@gmail.com>

extensions/cornerstone/src/Viewport/Overlays/ViewportImageScrollbar.tsx

@@ -44,13 +44,17 @@ function CornerstoneImageScrollbar({
       return;
     }
 
-    const imageIndex = viewport.getCurrentImageIdIndex();
-    const numberOfSlices = viewport.getNumberOfSlices();
+    try {
+      const imageIndex = viewport.getCurrentImageIdIndex();
+      const numberOfSlices = viewport.getNumberOfSlices();
 
-    setImageSliceData({
-      imageIndex: imageIndex,
-      numberOfSlices,
-    });
+      setImageSliceData({
+        imageIndex: imageIndex,
+        numberOfSlices,
+      });
+    } catch (error) {
+      console.warn(error);
+    }
   }, [viewportId, viewportData]);
 
   useEffect(() => {

extensions/cornerstone/src/utils/ActiveViewportBehavior.tsx

@@ -39,6 +39,7 @@ const ActiveViewportBehavior = memo(
       }
 
       const modalities = displaySets.map(displaySet => displaySet?.Modality);
+      const isDynamicVolume = displaySets.some(displaySet => displaySet?.isDynamicVolume);
 
       const { modalities: sourceModalities } = customizationService.getModeCustomization(
         'autoCineModalities',
@@ -50,7 +51,7 @@ const ActiveViewportBehavior = memo(
 
       const requiresCine = modalities.some(modality => sourceModalities.includes(modality));
 
-      if (requiresCine && !cineService.getState().isCineEnabled) {
+      if ((requiresCine || isDynamicVolume) && !cineService.getState().isCineEnabled) {
         cineService.setIsCineEnabled(true);
       }
     }, [