chore: update icons

packages/app/src/components/header/page-header.tsx

@@ -2,7 +2,9 @@ import React, { useEffect, useState } from 'react';
 import { StyledTitle, StyledTitleWrapper } from './styles';
 import { useEditor } from '@/providers/editor-provider';
 import EditorModeSwitch from '@/components/editor-mode-switch';
-
+import { MiddleIconArrowDownSmallIcon } from '@blocksuite/icons';
+import { useModal } from '@/providers/global-modal-provider';
+import IconButton from '@/ui/button/icon-button';
 import Header from './header';
 
 export const PageHeader = () => {
@@ -10,7 +12,7 @@ export const PageHeader = () => {
   const [isHover, setIsHover] = useState(false);
 
   const { editor } = useEditor();
-
+  const { triggerQuickSearchModal } = useModal();
   useEffect(() => {
     if (editor?.model) {
       setTitle(editor.model.title ?? '');
@@ -38,6 +40,17 @@ export const PageHeader = () => {
             }}
           />
           <StyledTitleWrapper>{title}</StyledTitleWrapper>
+          <IconButton
+            style={{
+              marginLeft: '6px',
+            }}
+          >
+            <MiddleIconArrowDownSmallIcon
+              onClick={() => {
+                triggerQuickSearchModal(true);
+              }}
+            />
+          </IconButton>
         </StyledTitle>
       ) : null}
     </Header>