Optimize submenu in ToolsFramework. Optimize code

src/components/common/FitCenter.tsx

@@ -11,7 +11,7 @@ const FitCenter: React.FC<FitCenterProps> = (props) => {
     return (
         <>
             <div
-                className={`fit-center${className ? ' ' + className : ''}${
+                className={`fit-center${className ? ` ${className}` : ''}${
                     vertical ? ' flex-vertical' : ' flex-horizontal'
                 }`}
                 {..._props}

src/components/common/FitFullScreen.tsx

@@ -12,7 +12,7 @@ const FitFullScreen = forwardRef<HTMLDivElement, FitFullscreenProps>((props, ref
     return (
         <>
             <div
-                className={`fit-fullscreen${className ? ' ' + className : ''}`}
+                className={`fit-fullscreen${className ? ` ${className}` : ''}`}
                 style={{
                     zIndex,
                     backgroundColor,

src/components/common/Indicator.tsx

@@ -24,7 +24,7 @@ const Indicator: React.FC<IndicatorProps> = (props) => {
                     return (
                         <li
                             key={index}
-                            className={'item center-box' + (index === current ? ' active' : '')}
+                            className={`item center-box${index === current ? ' active' : ''}`}
                             onClick={handleClick(index)}
                         >
                             <div className={'dot'} />