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

packages/component/src/ui/table/Table.tsx

@@ -1,7 +1,7 @@
 import { Children, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import React from 'react';
 
 import { StyledTable } from './styles';
-
 const childrenHasEllipsis = (children: ReactNode | ReactNode[]): boolean => {
   return Children.toArray(children).some(child => {
     if (typeof child === 'object' && 'props' in child) {

packages/component/src/ui/table/TableBody.tsx

@@ -1,7 +1,7 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
+import React from 'react';
 
 import { StyledTableBody } from './styles';
-
 export const TableBody = ({
   children,
   ...props

packages/component/src/ui/table/TableCell.tsx

@@ -1,8 +1,8 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
+import React from 'react';
 
 import { TableCellProps } from './interface';
 import { StyledTableCell } from './styles';
-
 export const TableCell = ({
   children,
   ...props

packages/component/src/ui/table/TableHead.tsx

@@ -1,4 +1,5 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
+import React from 'react';
 
 import { StyledTableHead } from './styles';
 

packages/component/src/ui/table/TableRow.tsx

@@ -1,7 +1,7 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
+import React from 'react';
 
 import { StyledTableRow } from './styles';
-
 export const TableRow = ({
   children,
   ...props