fix(editor): improve some experiences on note toolbar (#11413)

Closes: [BS-3004](https://linear.app/affine-design/issue/BS-3004/page-block-ui-adjust)

blocksuite/affine/blocks/block-note/src/configs/toolbar.ts

@@ -110,8 +110,8 @@ const builtinSurfaceToolbarConfig = {
         );
         const label$ = computed(() =>
           firstModel.props.displayMode$.value === NoteDisplayMode.EdgelessOnly
-            ? 'Display In Page'
-            : 'Displayed In Page'
+            ? 'Display in Page'
+            : 'Displayed in Page'
         );
         const onSelect = () => {
           const newMode =
@@ -547,7 +547,7 @@ function setDisplayMode(
   const notification = ctx.std.getOptional(NotificationProvider);
   notification?.notify({
     title: data.title,
-    message: `${data.message}. Find it in the TOC for quick navigation.`,
+    message: `${data.message} Find it in the TOC for quick navigation.`,
     accent: 'success',
     duration: 5 * 1000,
     footer: html`<div class=${styles.viewInPageNotifyFooter}>

blocksuite/affine/components/src/toolbar/tooltip.ts

@@ -29,7 +29,7 @@ const styles = css`
 
     overflow-wrap: anywhere;
     white-space: normal;
-    word-break: break-all;
+    word-break: break-word;
   }
 
   .arrow {