style: enable react/react-in-jsx-scope lint rule (#1107)

packages/component/src/ui/button/Button.tsx

@@ -1,10 +1,10 @@
 import { Children, cloneElement, forwardRef } from 'react';
+import React from 'react';
 
 import { ButtonProps } from './interface';
 import { Loading } from './Loading';
 import { StyledButton } from './styles';
 import { getSize } from './utils';
-
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
   (
     {

packages/component/src/ui/button/IconButton.tsx

@@ -6,9 +6,9 @@ import {
   HTMLAttributes,
   ReactElement,
 } from 'react';
+import React from 'react';
 
 import { StyledIconButton } from './styles';
-
 const SIZE_SMALL = 'small' as const;
 const SIZE_MIDDLE = 'middle' as const;
 const SIZE_NORMAL = 'normal' as const;

packages/component/src/ui/button/Loading.tsx

@@ -1,7 +1,8 @@
+import React from 'react';
+
 import { styled } from '../../styles';
 import { ButtonProps } from './interface';
 import { getButtonColors } from './utils';
-
 export const LoadingContainer = styled('div')<Pick<ButtonProps, 'type'>>(
   ({ theme, type = 'default' }) => {
     const { color } = getButtonColors(theme, type, false);

packages/component/src/ui/button/TextButton.tsx

@@ -1,9 +1,9 @@
 import { Children, cloneElement, forwardRef } from 'react';
+import React from 'react';
 
 import { ButtonProps } from './interface';
 import { StyledTextButton } from './styles';
 import { getSize } from './utils';
-
 export const TextButton = forwardRef<HTMLButtonElement, ButtonProps>(
   (
     {