[TGUI] Color Picker (#1602)

* fix color input

* small optimisation

* better optimisation

* more optimisation

tgui/packages/tgui/components/Interactive.tsx

@@ -50,7 +50,7 @@ const getRelativePosition = (
 export interface InteractiveProps {
   onMove: (interaction: Interaction) => void;
   onKey: (offset: Interaction) => void;
-  children: ReactNode[];
+  children: ReactNode; // Change from ReactNode[] to ReactNode
   style?: React.CSSProperties;
 }
 
@@ -74,7 +74,6 @@ export class Interactive extends Component<InteractiveProps> {
   };
 
   handleMove = (event: MouseEvent) => {
-    // Prevent text selection
     event.preventDefault();
 
     const isDown = event.buttons > 0;
@@ -121,18 +120,19 @@ export class Interactive extends Component<InteractiveProps> {
   }
 
   render() {
+    const { style, children, ...rest } = this.props;
     return (
       <div
-        {...this.props}
-        style={this.props.style}
+        {...rest}
+        style={style}
         ref={this.containerRef}
         onMouseDown={this.handleMoveStart}
         className="react-colorful__interactive"
         onKeyDown={this.handleKeyDown}
         tabIndex={0}
         role="slider"
       >
-        {this.props.children}
+        {children}
       </div>
     );
   }