feat(ViewportActionMenu): window level per viewport / new patient info / colorbars/ 3D presets and 3D volume rendering (#3963)

Co-authored-by: Joe Boccanfuso <109477394+jbocce@users.noreply.github.com>

platform/ui/src/components/ViewportActionArrows/ViewportActionArrows.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import Icon from '../Icon';
+import classNames from 'classnames';
+
+const arrowClasses =
+  'cursor-pointer flex items-center justify-center shrink-0 text-primary-light active:text-white hover:bg-secondary-light/60 rounded';
+
+type ViewportActionArrowsProps = {
+  onArrowsClick: (direction: number) => void;
+  className: string;
+};
+
+function ViewportActionArrows({ onArrowsClick, className }: ViewportActionArrowsProps) {
+  return (
+    // The arrows are only visible when hover over the viewport.
+    <div className={classNames(className, 'flex')}>
+      <div className={arrowClasses}>
+        <Icon
+          name="prev-arrow"
+          onClick={() => onArrowsClick(-1)}
+        />
+      </div>
+      <div className={arrowClasses}>
+        <Icon
+          name="next-arrow"
+          onClick={() => onArrowsClick(1)}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default ViewportActionArrows;

platform/ui/src/components/ViewportActionArrows/index.tsx

@@ -0,0 +1,2 @@
+import ViewportActionArrows from './ViewportActionArrows';
+export default ViewportActionArrows;