chore: change style

packages/app/src/components/quick-search/footer.tsx

@@ -1,11 +1,20 @@
 import React from 'react';
 import { MiddleAddIcon } from '@blocksuite/icons';
 import { StyledModalFooterContent } from './style';
+import { useEditor } from '@/providers/editor-provider';
+import { IconButton } from '@/ui/button';
 
 const QuickSearchFooter = () => {
+  const { createPage } = useEditor();
   return (
     <StyledModalFooterContent>
-      <MiddleAddIcon />
+      <IconButton>
+        <MiddleAddIcon
+          onClick={() => {
+            createPage();
+          }}
+        />
+      </IconButton>
       <span>New page</span>
     </StyledModalFooterContent>
   );