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/LabelMapSegLocking.spec.ts

@@ -38,7 +38,11 @@ test('should prevent editing of label map segmentations when panelSegmentation.d
   // navigate to the 12th image and ensure the correct overlay is displayed
   await press({ page, key: 'ArrowDown', nTimes: 11 });
 
-  await checkForScreenshot(page, page, screenShotPaths.labelMapSegLocking.globalLockedSegPreEdit);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.labelMapSegLocking.globalLockedSegPreEdit
+  );
 
   // Attempt to erase the segmentations.
   await rightPanelPageObject.labelMapSegmentationPanel.tools.eraser.click();
@@ -61,7 +65,11 @@ test('should prevent editing of label map segmentations when panelSegmentation.d
     end: { x: 1.0, y: 0.75 },
   });
 
-  await checkForScreenshot(page, page, screenShotPaths.labelMapSegLocking.globalLockedSegPostEdit);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.labelMapSegLocking.globalLockedSegPostEdit
+  );
 });
 
 test('should allow editing of label map segmentations when panelSegmentation.disableEditing is false', async ({
@@ -89,7 +97,11 @@ test('should allow editing of label map segmentations when panelSegmentation.dis
   // navigate to the 12th image and ensure the correct overlay is displayed
   await press({ page, key: 'ArrowDown', nTimes: 11 });
 
-  await checkForScreenshot(page, page, screenShotPaths.labelMapSegLocking.globalUnlockedSegPreEdit);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.labelMapSegLocking.globalUnlockedSegPreEdit
+  );
 
   // Attempt to erase the segmentations.
   await rightPanelPageObject.labelMapSegmentationPanel.tools.eraser.click();
@@ -114,7 +126,7 @@ test('should allow editing of label map segmentations when panelSegmentation.dis
 
   await checkForScreenshot(
     page,
-    page,
+    viewportPageObject.grid,
     screenShotPaths.labelMapSegLocking.globalUnlockedSegPostEdit
   );
 });