feat(segmentation): Enhance Segmentation Tools with Preview and Selection Features (#4870)

platform/ui-next/src/components/Header/Header.tsx

@@ -29,6 +29,7 @@ interface HeaderProps {
   };
   PatientInfo?: ReactNode;
   Secondary?: ReactNode;
+  UndoRedo?: ReactNode;
 }
 
 function Header({
@@ -39,11 +40,10 @@ function Header({
   isSticky = false,
   WhiteLabeling,
   PatientInfo,
+  UndoRedo,
   Secondary,
   ...props
 }: HeaderProps): ReactNode {
-  const { t } = useTranslation('Header');
-
   const onClickReturn = () => {
     if (isReturnEnabled && onClickReturnButton) {
       onClickReturnButton();
@@ -76,6 +76,8 @@ function Header({
           <div className="flex items-center justify-center space-x-2">{children}</div>
         </div>
         <div className="absolute right-0 top-1/2 flex -translate-y-1/2 select-none items-center">
+          {UndoRedo}
+          <div className="border-primary-dark mx-1.5 h-[25px] border-r"></div>
           {PatientInfo}
           <div className="border-primary-dark mx-1.5 h-[25px] border-r"></div>
           <div className="flex-shrink-0">

platform/ui-next/src/components/SegmentationTable/SegmentationTable.tsx

@@ -1,11 +1,7 @@
 import React, { ReactNode, useState, Children, isValidElement } from 'react';
 import { useTranslation } from 'react-i18next';
 import { PanelSection } from '../PanelSection';
-import {
-  SegmentationTableProvider,
-  SegmentationTableContextType,
-  ViewportSegmentationInfo,
-} from './contexts';
+import { SegmentationTableProvider, SegmentationTableContextType } from './contexts';
 import { SegmentationSegments } from './SegmentationSegments';
 import { SegmentStatistics } from './SegmentStatistics';
 import { SegmentationTableConfig } from './SegmentationTableConfig';