feat(slice scrollbar): Integrate ViewportSliceProgressScrollbar with customizations and docs (#5960)

Co-authored-by: Dan Rukas <dan.rukas@gmail.com>

tests/ContourSegLocking.spec.ts

@@ -1,4 +1,4 @@
-import { expect, test, visitStudy } from './utils';
+import { addOHIFGlobalCustomizations, expect, test, visitStudy } from './utils';
 import { simulateNormalizedDragOnElement } from './utils/simulateDragOnElement';
 
 const studyInstanceUID = '1.2.840.113619.2.290.3.3767434740.226.1600859119.501';
@@ -63,13 +63,8 @@ test('should not allow contours to be edited when panelSegmentation.disableEditi
   await page.waitForTimeout(5000);
 
   // disable editing of segmentations via the customization service
-  await page.evaluate(() => {
-    window.services.customizationService.setGlobalCustomization(
-      'panelSegmentation.disableEditing',
-      {
-        $set: true,
-      }
-    );
+  await addOHIFGlobalCustomizations(page, {
+    'panelSegmentation.disableEditing': true,
   });
 
   await DOMOverlayPageObject.viewport.segmentationHydration.yes.click();
@@ -117,13 +112,8 @@ test('should allow contours to be edited when panelSegmentation.disableEditing i
   await page.waitForTimeout(5000);
 
   // disable editing of segmentations via the customization service
-  await page.evaluate(() => {
-    window.services.customizationService.setGlobalCustomization(
-      'panelSegmentation.disableEditing',
-      {
-        $set: false,
-      }
-    );
+  await addOHIFGlobalCustomizations(page, {
+    'panelSegmentation.disableEditing': false,
   });
 
   await DOMOverlayPageObject.viewport.segmentationHydration.yes.click();