feat: refactor button with new design (#3343)

apps/core/src/components/blocksuite/workspace-header/header-right-items/editor-option-menu.tsx

@@ -45,7 +45,7 @@ const CommonMenu = () => {
         disablePortal={true}
         trigger="click"
       >
-        <IconButton data-testid="editor-option-menu" iconSize={[24, 24]}>
+        <IconButton data-testid="editor-option-menu">
           <MoreVerticalIcon />
         </IconButton>
       </Menu>
@@ -138,7 +138,7 @@ const PageMenu = () => {
           disablePortal={true}
           trigger="click"
         >
-          <IconButton data-testid="editor-option-menu" iconSize={[24, 24]}>
+          <IconButton data-testid="editor-option-menu">
             <MoreVerticalIcon />
           </IconButton>
         </Menu>

apps/core/src/components/blocksuite/workspace-header/header-right-items/language-menu.tsx

@@ -51,13 +51,13 @@ export const LanguageMenu: React.FC = () => {
           disablePortal={true}
         >
           <StyledButton
+            type="plain"
             icon={
               <StyledArrowDownContainer>
                 <ArrowDownSmallIcon />
               </StyledArrowDownContainer>
             }
             iconPosition="end"
-            noBorder={true}
             data-testid="language-menu-button"
           >
             <StyledCurrentLanguage>

apps/core/src/components/blocksuite/workspace-header/header-right-items/trash-button-group.tsx

@@ -31,7 +31,6 @@ export const TrashButtonGroup = () => {
   return (
     <>
       <Button
-        bold={true}
         shape="round"
         style={{ marginRight: '24px' }}
         onClick={() => {
@@ -41,9 +40,8 @@ export const TrashButtonGroup = () => {
         {t['Restore it']()}
       </Button>
       <Button
-        bold={true}
         shape="round"
-        type="danger"
+        type="error"
         onClick={() => {
           setOpen(true);
         }}
@@ -54,7 +52,7 @@ export const TrashButtonGroup = () => {
         title={t['TrashButtonGroupTitle']()}
         content={t['TrashButtonGroupDescription']()}
         confirmText={t['Delete']()}
-        confirmType="danger"
+        confirmType="error"
         open={open}
         onConfirm={useCallback(() => {
           jumpToSubPath(workspace.id, WorkspaceSubPath.ALL);