fix: add back quick search button to page title (#1495)

apps/web/src/components/blocksuite/header/index.tsx

@@ -10,9 +10,9 @@ import { useOpenTips } from '../../../hooks/affine/use-is-first-load';
 import { usePageMeta } from '../../../hooks/use-page-meta';
 import { BlockSuiteWorkspace } from '../../../shared';
 import { PageNotFoundError } from '../../affine/affine-error-eoundary';
+import { QuickSearchButton } from '../../pure/quick-search-button';
 import { EditorModeSwitch } from './editor-mode-switch';
 import Header from './header';
-import { QuickSearchButton } from './quick-search-button';
 import {
   StyledQuickSearchTipButton,
   StyledQuickSearchTipContent,

apps/web/src/components/blocksuite/header/quick-search-button/index.tsx

@@ -1,37 +0,0 @@
-import { IconButton, IconButtonProps } from '@affine/component';
-import { styled } from '@affine/component';
-import { ArrowDownSmallIcon } from '@blocksuite/icons';
-
-const StyledIconButtonWithAnimate = styled(IconButton)(({ theme }) => {
-  return {
-    svg: {
-      transition: 'transform 0.15s ease-in-out',
-    },
-    ':hover': {
-      svg: {
-        transform: 'translateY(3px)',
-      },
-      '::after': {
-        background: theme.colors.pageBackground,
-      },
-    },
-  };
-});
-
-// fixme(himself65): need to refactor
-export const QuickSearchButton = ({
-  onClick,
-  ...props
-}: Omit<IconButtonProps, 'children'>) => {
-  return (
-    <StyledIconButtonWithAnimate
-      data-testid="header-quickSearchButton"
-      {...props}
-      onClick={e => {
-        onClick?.(e);
-      }}
-    >
-      <ArrowDownSmallIcon />
-    </StyledIconButtonWithAnimate>
-  );
-};