fix(core): dont show config properties in peek view (#8594)

view service is undefined in center peek.

packages/frontend/core/src/components/doc-properties/table.tsx

@@ -23,6 +23,7 @@ import {
   DocsService,
   useLiveData,
   useService,
+  useServiceOptional,
 } from '@toeverything/infra';
 import clsx from 'clsx';
 import type React from 'react';
@@ -245,7 +246,7 @@ export const DocPropertiesTableBody = forwardRef<
   const t = useI18n();
   const docsService = useService(DocsService);
   const workbenchService = useService(WorkbenchService);
-  const viewService = useService(ViewService);
+  const viewService = useServiceOptional(ViewService);
   const properties = useLiveData(docsService.propertyList.sortedProperties$);
   const [propertyCollapsed, setPropertyCollapsed] = useState(true);
 
@@ -312,6 +313,7 @@ export const DocPropertiesTableBody = forwardRef<
               {t['com.affine.page-properties.add-property']()}
             </Button>
           </Menu>
+          {viewService ? (
             <Button
               variant="plain"
               prefix={<PropertyIcon />}
@@ -326,6 +328,7 @@ export const DocPropertiesTableBody = forwardRef<
             >
               {t['com.affine.page-properties.config-properties']()}
             </Button>
+          ) : null}
         </div>
       </PropertyCollapsibleContent>
     </PropertyCollapsibleSection>