feat: optimize the quick search function

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

@@ -4,20 +4,27 @@ import { StyledModalFooterContent } from './style';
 import { useEditor } from '@/providers/editor-provider';
 import { useModal } from '@/providers/global-modal-provider';
 
-export const Footer = () => {
+export const Footer = (props: { query: string }) => {
   const { createPage, getPageMeta, openPage } = useEditor();
   const { triggerQuickSearchModal } = useModal();
+  const query = props.query;
+
   return (
     <StyledModalFooterContent
       onClick={async () => {
         const page = createPage();
         const pageMeta = getPageMeta((await page).id);
         pageMeta && openPage(pageMeta.id);
+
         triggerQuickSearchModal();
       }}
     >
       <AddIcon />
-      <span>New page</span>
+      {query ? (
+        <span>New &quot;{query}&quot; page</span>
+      ) : (
+        <span>New page</span>
+      )}
     </StyledModalFooterContent>
   );
 };