style(core): add page list header emptypage (#5162)

Co-authored-by: rakhee28 <rakhee@strings.ai>

packages/frontend/core/src/pages/workspace/all-page.tsx

@@ -295,6 +295,7 @@ export const AllPage = () => {
       ) : (
         <EmptyPageList
           type="all"
+          heading={<PageListHeader />}
           blockSuiteWorkspace={currentWorkspace.blockSuiteWorkspace}
         />
       )}

packages/frontend/core/src/pages/workspace/page-list-empty.tsx

@@ -2,7 +2,7 @@ import { Empty } from '@affine/component';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import type { Workspace } from '@blocksuite/store';
-import { useCallback } from 'react';
+import { type ReactNode, useCallback } from 'react';
 
 import { usePageHelper } from '../../components/blocksuite/block-suite-page-list/utils';
 import * as styles from './page-list-empty.css';
@@ -10,9 +10,11 @@ import * as styles from './page-list-empty.css';
 export const EmptyPageList = ({
   type,
   blockSuiteWorkspace,
+  heading,
 }: {
   type: 'all' | 'trash' | 'shared' | 'public';
   blockSuiteWorkspace: Workspace;
+  heading?: ReactNode;
 }) => {
   const { createPage } = usePageHelper(blockSuiteWorkspace);
   const t = useAFFiNEI18N();
@@ -56,6 +58,7 @@ export const EmptyPageList = ({
 
   return (
     <div className={styles.pageListEmptyStyle}>
+      {heading && <div>{heading}</div>}
       <Empty
         title={t['com.affine.emptyDesc']()}
         description={getEmptyDescription()}