test(e2e): update Playwright screenshots and add better tests and assertions for area calculations (#6022)

* Add (better) assertions for area calculation fixes.
* Add SVG and measurement side panel area for freehand ROI test.
* Add Playwright viewport screenshot scope migration guide.
* Update cornerstonjs dependencies to 4.22.8. Ensure all versions of @babel/preset-env are 7.29.5.

---------

Co-authored-by: Ghadeer Albattarni <165973963+GhadeerAlbattarni@users.noreply.github.com>

tests/JumpToMeasurementMPR.spec.ts

@@ -54,7 +54,11 @@ test('should hydrate in MPR correctly', async ({
   await DOMOverlayPageObject.viewport.measurementTracking.confirm.click();
 
   // scroll away
-  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.initialDraw);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.jumpToMeasurementMPR.initialDraw
+  );
 
   // Focus on the canvas first, then use mouse wheel to scroll away
   await page.evaluate(() => {
@@ -78,11 +82,19 @@ test('should hydrate in MPR correctly', async ({
 
   await page.waitForTimeout(5000);
 
-  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.scrollAway);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.jumpToMeasurementMPR.scrollAway
+  );
 
   await rightPanelPageObject.measurementsPanel.panel.nthMeasurement(0).click();
 
-  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.jumpToMeasurementStack);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.jumpToMeasurementMPR.jumpToMeasurementStack
+  );
 
   await mainToolbarPageObject.layoutSelection.MPR.click();
 
@@ -93,19 +105,27 @@ test('should hydrate in MPR correctly', async ({
 
   await page.waitForTimeout(3000);
 
-  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.jumpInMPR);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.jumpToMeasurementMPR.jumpInMPR
+  );
 
   await leftPanelPageObject.loadSeriesByDescription('Lung 3.0 CE');
 
   await page.waitForTimeout(5000);
 
-  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.changeSeriesInMPR);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.jumpToMeasurementMPR.changeSeriesInMPR
+  );
 
   await rightPanelPageObject.measurementsPanel.panel.nthMeasurement(0).click();
 
   await checkForScreenshot(
     page,
-    page,
+    viewportPageObject.grid,
     screenShotPaths.jumpToMeasurementMPR.jumpToMeasurementAfterSeriesChange
   );
 });