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

@@ -49,6 +49,7 @@ test('should display multiple segmentation overlays (both SEG and RT)', async ({
 
   await checkForScreenshot({
     page,
+    locator: viewportPageObject.grid,
     screenshotPath: screenShotPaths.multipleSegmentationDataOverlays.threeSegOverlaysInOverlayMenu,
   });
 
@@ -58,6 +59,7 @@ test('should display multiple segmentation overlays (both SEG and RT)', async ({
 
   await checkForScreenshot({
     page,
+    locator: viewportPageObject.grid,
     screenshotPath: screenShotPaths.multipleSegmentationDataOverlays.threeSegOverlaysInOverlayMenu,
   });
 
@@ -70,6 +72,7 @@ test('should display multiple segmentation overlays (both SEG and RT)', async ({
 
   await checkForScreenshot({
     page,
+    locator: viewportPageObject.grid,
     screenshotPath: screenShotPaths.multipleSegmentationDataOverlays.overlaysDisplayed,
   });
 
@@ -85,6 +88,7 @@ test('should display multiple segmentation overlays (both SEG and RT)', async ({
 
   await checkForScreenshot({
     page,
+    locator: viewportPageObject.grid,
     screenshotPath: screenShotPaths.multipleSegmentationDataOverlays.overlaySEGsAndRTDisplayed,
   });
 
@@ -94,6 +98,7 @@ test('should display multiple segmentation overlays (both SEG and RT)', async ({
 
   await checkForScreenshot({
     page,
+    locator: viewportPageObject.grid,
     screenshotPath: screenShotPaths.multipleSegmentationDataOverlays.overlaySEGsAndRTDisplayed,
   });
 });