fix: move suspense to the correct place (#1954)

apps/web/src/layouts/public-workspace-layout.tsx

@@ -1,4 +1,3 @@
-import { ListSkeleton } from '@affine/component';
 import type { AffinePublicWorkspace } from '@affine/workspace/type';
 import { useAtom } from 'jotai';
 import Head from 'next/head';
@@ -7,7 +6,6 @@ import type React from 'react';
 import { lazy, Suspense } from 'react';
 
 import { openQuickSearchModalAtom } from '../atoms';
-import { StyledTableContainer } from '../components/blocksuite/block-suite-page-list/page-list/styles';
 import { useRouterTitle } from '../hooks/use-router-title';
 import { MainContainer, StyledPage } from './styles';
 
@@ -61,14 +59,6 @@ export const PublicWorkspaceLayout: React.FC<
   React.PropsWithChildren
 > = props => {
   return (
-    <Suspense
+    <PublicWorkspaceLayoutInner>{props.children}</PublicWorkspaceLayoutInner>
-      fallback={
-        <StyledTableContainer>
-          <ListSkeleton />
-        </StyledTableContainer>
-      }
-    >
-      <PublicWorkspaceLayoutInner>{props.children}</PublicWorkspaceLayoutInner>
-    </Suspense>
   );
 };

apps/web/src/pages/public-workspace/[workspaceId].tsx

@@ -75,7 +75,13 @@ const ListPageInner: React.FC<{
           <SearchIcon />
         </IconButton>
       </NavContainer>
-      <Suspense>
+      <Suspense
+        fallback={
+          <StyledTableContainer>
+            <ListSkeleton />
+          </StyledTableContainer>
+        }
+      >
         <BlockSuitePublicPageList
           onOpenPage={handleClickPage}
           blockSuiteWorkspace={blockSuiteWorkspace}