fix: page title too long style (#5302)

![CleanShot 2023-12-14 at 14.14.30@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/72beba1a-28a2-4192-a676-eea476140940.png)

packages/frontend/core/src/components/blocksuite/block-suite-header-title/styles.css.ts

@@ -6,7 +6,7 @@ export const headerTitleContainer = style({
   alignItems: 'center',
   flexGrow: 1,
   position: 'relative',
-  width: '100%',
+  overflow: 'hidden',
   columnGap: 12,
 });
 

packages/frontend/core/src/pages/workspace/detail-page/detail-page-header.css.ts

@@ -47,6 +47,7 @@ export const mainHeaderRight = style({
 
 export const spacer = style({
   flexGrow: 1,
+  minWidth: 12,
 });
 
 export const standaloneExtensionSwitcherWrapper = style({