style: restrict type import (#1589)

packages/component/src/ui/menu/Menu.tsx

@@ -1,5 +1,5 @@
-import { TooltipProps } from '@mui/material';
-import { CSSProperties } from 'react';
+import type { TooltipProps } from '@mui/material';
+import type { CSSProperties } from 'react';
 
 import { Popper, type PopperProps } from '../popper';
 import { StyledMenuWrapper } from './styles';

packages/component/src/ui/menu/MenuItem.tsx

@@ -1,10 +1,5 @@
-import {
-  cloneElement,
-  forwardRef,
-  HTMLAttributes,
-  PropsWithChildren,
-  ReactElement,
-} from 'react';
+import type { HTMLAttributes, PropsWithChildren, ReactElement } from 'react';
+import { cloneElement, forwardRef } from 'react';
 
 import { StyledArrow, StyledMenuItem } from './styles';
 export type IconMenuProps = PropsWithChildren<{

packages/component/src/ui/menu/styles.ts

@@ -1,5 +1,5 @@
 import { ArrowRightSmallIcon } from '@blocksuite/icons';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 
 import { displayFlex, styled } from '../../styles';
 import StyledPopperContainer from '../shared/Container';