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

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

tests/Crosshairs.spec.ts

@@ -1,6 +1,11 @@
 import { Page, test } from '@playwright/test';
-import { visitStudy, checkForScreenshot, screenShotPaths, initilizeMousePositionTracker, getMousePosition } from './utils/index.js';
-
+import {
+  visitStudy,
+  checkForScreenshot,
+  screenShotPaths,
+  initilizeMousePositionTracker,
+  getMousePosition,
+} from './utils/index.js';
 
 const rotateCrosshairs = async (page: Page, id: string, lineNumber: number) => {
   const locator = await page.locator(id).locator('line').nth(lineNumber);
@@ -12,10 +17,10 @@ const rotateCrosshairs = async (page: Page, id: string, lineNumber: number) => {
   const position = await getMousePosition(page);
   await page.mouse.move(position.x, position.y + 100);
   await page.mouse.up();
-}
+};
 
 const increaseSlabThickness = async (page: Page, id: string, lineNumber: number, axis: string) => {
-  const locator = await page.locator(id).locator('line').nth(lineNumber)
+  const locator = await page.locator(id).locator('line').nth(lineNumber);
   await locator.click({ force: true });
   await locator.hover({ force: true });
   const circleLocator = await page.locator(id).locator('rect').first();
@@ -31,7 +36,7 @@ const increaseSlabThickness = async (page: Page, id: string, lineNumber: number,
       break;
   }
   await page.mouse.up();
-}
+};
 
 test.beforeEach(async ({ page }) => {
   const studyInstanceUID = '1.3.6.1.4.1.14519.5.2.1.1706.8374.643249677828306008300337414785';
@@ -73,7 +78,9 @@ test.describe('Crosshairs Test', async () => {
     await checkForScreenshot(page, page, screenShotPaths.crosshairs.crosshairsSlabThickness);
   });
 
-  test('should reset the crosshairs to the initial position when reset is clicked', async ({ page }) => {
+  test('should reset the crosshairs to the initial position when reset is clicked', async ({
+    page,
+  }) => {
     await page.getByTestId('Layout').click();
     await page.locator('div').filter({ hasText: /^MPR$/ }).first().click();
     await page.getByTestId('Crosshairs').click();
@@ -100,5 +107,4 @@ test.describe('Crosshairs Test', async () => {
 
     await checkForScreenshot(page, page, screenShotPaths.crosshairs.crosshairsNewDisplayset);
   });
-
 });