feat: replace button from @toeverything/components (#3608)

apps/core/src/components/pure/file-upload/index.tsx

@@ -1,6 +1,6 @@
-import { Button } from '@affine/component';
 import { styled } from '@affine/component';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
+import { Button } from '@toeverything/components/button';
 import type { ChangeEvent } from 'react';
 import type React from 'react';
 import { useRef } from 'react';

apps/core/src/components/pure/footer/styles.ts

@@ -4,17 +4,7 @@ import {
   styled,
   textEllipsis,
 } from '@affine/component';
-import { Button } from '@affine/component';
-
-export const StyledSplitLine = styled('div')(() => {
-  return {
-    width: '1px',
-    height: '20px',
-    background: 'var(--affine-border-color)',
-    marginRight: '24px',
-  };
-});
-
+import { Button } from '@toeverything/components/button';
 export const StyleWorkspaceInfo = styled('div')(() => {
   return {
     marginLeft: '15px',

apps/core/src/components/pure/quick-search-button/index.tsx

@@ -1,7 +1,9 @@
-import type { IconButtonProps } from '@affine/component';
-import { IconButton } from '@affine/component';
 import { styled } from '@affine/component';
 import { ArrowDownSmallIcon } from '@blocksuite/icons';
+import {
+  IconButton,
+  type IconButtonProps,
+} from '@toeverything/components/button';
 
 const StyledIconButtonWithAnimate = styled(IconButton)(() => {
   return {

apps/core/src/components/pure/workspace-slider-bar/collections/add-collection-button.tsx

@@ -1,4 +1,3 @@
-import { IconButton } from '@affine/component';
 import {
   EditCollectionModel,
   useCollectionManager,
@@ -8,6 +7,7 @@ import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { PlusIcon } from '@blocksuite/icons';
 import type { Workspace } from '@blocksuite/store';
 import { uuidv4 } from '@blocksuite/store';
+import { IconButton } from '@toeverything/components/button';
 import { useCallback, useState } from 'react';
 
 import { useGetPageInfoById } from '../../../../hooks/use-get-page-info';