feat(segmentation mode): Add create, and export SEG with Brushes (#3632)

platform/ui/src/components/ToolbarButton/ToolbarButton.tsx

@@ -15,14 +15,11 @@ const ToolbarButton = ({
   onInteraction,
   dropdownContent,
   //
-  isActive: _isActive,
+  isActive,
   className,
-  bState = {},
   ...rest
   //
 }) => {
-  const { primaryToolId } = bState;
-  const isActive = _isActive || (type === 'tool' && id === primaryToolId);
   const classes = {
     tool: isActive
       ? 'text-black'
@@ -85,6 +82,13 @@ ToolbarButton.propTypes = {
   type: PropTypes.oneOf(['action', 'toggle', 'tool']),
   id: PropTypes.string.isRequired,
   isActive: PropTypes.bool,
+  className: PropTypes.string,
+  commands: PropTypes.arrayOf(
+    PropTypes.shape({
+      commandName: PropTypes.string.isRequired,
+      commandOptions: PropTypes.object,
+    })
+  ),
   onInteraction: PropTypes.func.isRequired,
   icon: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,