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

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

tests/LabelMapSegLocking.spec.ts

@@ -1,4 +1,10 @@
-import { checkForScreenshot, screenShotPaths, test, visitStudy } from './utils';
+import {
+  addOHIFGlobalCustomizations,
+  checkForScreenshot,
+  screenShotPaths,
+  test,
+  visitStudy,
+} from './utils';
 import { press } from './utils/keyboardUtils';
 
 test.beforeEach(async ({ page }) => {
@@ -15,13 +21,8 @@ test('should prevent editing of label map segmentations when panelSegmentation.d
   viewportPageObject,
 }) => {
   // 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 rightPanelPageObject.labelMapSegmentationPanel.select();
 
@@ -71,13 +72,8 @@ test('should allow editing of label map segmentations when panelSegmentation.dis
   viewportPageObject,
 }) => {
   // 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 rightPanelPageObject.labelMapSegmentationPanel.select();