Fix/update branch cherry pick (#2039)

* Update all the icons

* Turn off global tool sync; watch as the world burns

* Shift a bunch of things around so we can start tracking/setting per element

* ToolBarService to initiate one of three different calls; callback passed to all button types

* SplitButton and Toolbar Button to use new `onInteraction` prop and new toolbar state

* Changes to toolbar button interface and config

* Fix broken layout selector

* Update SR viewport to activate tools in viewport component

* Duplicate activation logic in measurement tracking extension

* Add alternative/dashed variants for SR Viewport

* pass through "setToolActive" commands for other viewport types

* fix small overlay bugs (no wwwc or scale info)

* Show SpacingBetweenSlices instead of PixelSpacing in patient information dialog

* Fix prop-types

* Update tracked viewport to have alternative tracked styling

* alt styling for SR viewports

* Update to support isLocked + isRehydratable

* fix broken logic

* fix broken logic

* switch icon style

* fix icon styles

* hover and click to start flow

* expedited workflow when data is not dirty (just after SR hydration)

* fix: setting elliptical roi tool

* fix arrow annotate dialog

* fix: do not show learn more button for now

* remove dead code

* simpler cache invalidation

* simpler cache invalidation part 2

* Fix for unable to spand study cards on separate pages

modes/segmentation/src/toolbarButtons.js

@@ -72,7 +72,7 @@ export default [
     id: 'ResetView',
     type: 'ohif.action',
     props: {
-      icon: 'old-reset',
+      icon: 'tool-reset',
       label: 'Reset View',
       commandName: 'resetViewport',
       type: 'primary',
@@ -82,7 +82,7 @@ export default [
     id: 'RotateClockwise',
     type: 'ohif.action',
     props: {
-      icon: 'old-rotate-right',
+      icon: 'tool-rotate-right',
       label: 'Rotate Right',
       commandName: 'rotateViewportCW',
       type: 'primary',
@@ -92,7 +92,7 @@ export default [
     id: 'FlipHorizontally',
     type: 'ohif.action',
     props: {
-      icon: 'old-ellipse-h',
+      icon: 'tool-flip-horizontal',
       label: 'Flip Horizontally',
       commandName: 'flipViewportHorizontal',
       type: 'primary',
@@ -106,7 +106,7 @@ export default [
     },
     props: {
       isActive: false,
-      icon: 'old-bars',
+      icon: 'tool-stack-scroll',
       label: 'Stack Scroll',
       commandName: 'setToolActive',
       commandOptions: { toolName: 'StackScroll' },
@@ -121,7 +121,7 @@ export default [
     },
     props: {
       isActive: false,
-      icon: 'old-circle',
+      icon: 'tool-magnify',
       label: 'Magnify',
       commandName: 'setToolActive',
       commandOptions: { toolName: 'Magnify' },
@@ -132,7 +132,7 @@ export default [
     id: 'Invert',
     type: 'ohif.action',
     props: {
-      icon: 'old-invert',
+      icon: 'tool-invert',
       label: 'Invert',
       commandName: 'invertViewport',
       type: 'primary',
@@ -143,7 +143,7 @@ export default [
     id: 'Cine',
     type: 'ohif.action',
     props: {
-      icon: 'old-youtube',
+      icon: 'tool-cine',
       label: 'Cine',
       commandName: '',
       type: 'primary',
@@ -158,7 +158,7 @@ export default [
     },
     props: {
       isActive: false,
-      icon: 'old-angle-left',
+      icon: 'tool-angle',
       label: 'Angle',
       commandName: 'setToolActive',
       commandOptions: { toolName: 'Angle' },
@@ -173,7 +173,7 @@ export default [
     },
     props: {
       isActive: false,
-      icon: 'old-dot-circle',
+      icon: 'tool-probe',
       label: 'Probe',
       commandName: 'setToolActive',
       commandOptions: { toolName: 'Probe' },
@@ -188,7 +188,7 @@ export default [
     },
     props: {
       isActive: false,
-      icon: 'old-circle-o',
+      icon: 'tool-rectangle',
       label: 'Rectangle',
       commandName: 'setToolActive',
       commandOptions: { toolName: 'RectangleRoi' },