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

@@ -21,13 +21,17 @@ test('should the context menu completely on screen and is not clipped for a poin
 
   await DOMOverlayPageObject.viewport.measurementTracking.confirm.click();
 
-  await checkForScreenshot(page, page, screenShotPaths.contextMenu.preContextMenuNearBottomEdge);
+  await checkForScreenshot(
+    page,
+    viewportPageObject.grid,
+    screenShotPaths.contextMenu.preContextMenuNearBottomEdge
+  );
 
   await activeViewport.normalizedClickAt([{ x: 0.55, y: 0.98 }], 'right');
 
   await checkForScreenshot({
     page,
-    locator: page,
+    locator: viewportPageObject.grid,
     screenshotPath: screenShotPaths.contextMenu.contextMenuNearBottomEdgeNotClipped,
   });
 });