fix(storybook): fix test (#5325)

<img width="440" alt="image" src="https://github.com/toeverything/AFFiNE/assets/102217452/329f9c12-cc0b-4aae-9352-3811ab0a27a6">

packages/frontend/component/src/components/app-sidebar/add-page-button/index.tsx

@@ -21,7 +21,7 @@ export function AddPageButton({
 
   return (
     <button
-      data-testid="new-page-button"
+      data-testid="sidebar-new-page-button"
       style={style}
       className={clsx([styles.root, className])}
       onClick={onClick}

packages/frontend/component/src/components/page-list/components/new-page-buttton.tsx

@@ -95,7 +95,6 @@ export const NewPageButton = ({
     >
       <DropdownButton
         size={size}
-        data-testid="new-page-button"
         onClick={useCallback(() => {
           createNewPage();
           setOpen(false);

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

@@ -72,7 +72,9 @@ const PageListHeader = () => {
   return (
     <div className={styles.allPagesHeader}>
       <div className={styles.allPagesHeaderTitle}>{title}</div>
-      <NewPageButton>{t['New Page']()}</NewPageButton>
+      <NewPageButton testId="new-page-button-trigger">
+        {t['New Page']()}
+      </NewPageButton>
     </div>
   );
 };
@@ -180,16 +182,18 @@ const NewPageButton = ({
   className,
   children,
   size,
+  testId,
 }: PropsWithChildren<{
   className?: string;
   size?: 'small' | 'default';
+  testId?: string;
 }>) => {
   const currentWorkspace = useAtomValue(waitForCurrentWorkspaceAtom);
   const { importFile, createEdgeless, createPage } = usePageHelper(
     currentWorkspace.blockSuiteWorkspace
   );
   return (
-    <div className={className}>
+    <div className={className} data-testid={testId}>
       <PureNewPageButton
         size={size}
         importFile={importFile}