feat: refactor button with new design (#3343)

packages/component/src/ui/menu/menu-trigger.tsx

@@ -1,21 +1,20 @@
 import { ArrowDownSmallIcon } from '@blocksuite/icons';
 import { forwardRef } from 'react';
 
-import type { ButtonProps } from '../button';
-import { StyledButton } from './styles';
+import { Button, type ButtonProps } from '../button';
 
 export const MenuTrigger = forwardRef<HTMLButtonElement, ButtonProps>(
   ({ children, ...props }, ref) => {
     return (
-      <StyledButton
+      <Button
+        type="plain"
         ref={ref}
         icon={<ArrowDownSmallIcon />}
         iconPosition="end"
-        noBorder={true}
         {...props}
       >
         {children}
-      </StyledButton>
+      </Button>
     );
   }
 );