feat: hide page info in public pages (#4365)

apps/core/src/components/page-detail-editor.css.ts

@@ -1,4 +1,4 @@
-import { style } from '@vanilla-extract/css';
+import { globalStyle, style } from '@vanilla-extract/css';
 
 export const pluginContainer = style({
   height: '100%',
@@ -16,3 +16,6 @@ export const editor = style({
     },
   },
 });
+globalStyle('.is-public-page affine-page-meta-data', {
+  display: 'none',
+});

apps/core/src/components/page-detail-editor.tsx

@@ -80,6 +80,7 @@ const EditorWrapper = memo(function EditorWrapper({
       <Editor
         className={clsx(styles.editor, {
           'full-screen': appSettings.fullWidthLayout,
+          'is-public-page': isPublic,
         })}
         style={
           {