feat(ui): move to React 18 and base for using shadcn/ui (#4174)

Co-authored-by: IbrahimCSAE <ibrahim.mdev@gmail.com>

platform/ui/src/components/SplitButton/SplitButton.tsx

@@ -91,9 +91,9 @@ const SplitButton = ({
   primary,
   secondary,
   items,
-  renderer,
+  renderer = null,
   onInteraction,
-  Component,
+  Component = Icon,
 }) => {
   const { t } = useTranslation('Buttons');
   const [state, setState] = useState({ isHovering: false, isExpanded: false });
@@ -172,7 +172,6 @@ const SplitButton = ({
 };
 
 SplitButton.propTypes = {
-  isToggle: PropTypes.bool,
   groupId: PropTypes.string.isRequired,
   primary: PropTypes.object.isRequired,
   secondary: PropTypes.object.isRequired,
@@ -184,11 +183,4 @@ SplitButton.propTypes = {
   interactionType: PropTypes.oneOf(['action', 'tool', 'toggle']),
 };
 
-SplitButton.defaultProps = {
-  isToggle: false,
-  renderer: null,
-  isActive: false,
-  Component: null,
-};
-
 export default SplitButton;