Fix BlockNote placeholder alignment + paddings (#22409)

## Before

<img width="660" height="958" alt="image"
src="https://github.com/user-attachments/assets/017e73c3-cd55-47e3-9470-3f6c31152663"
/>


## After

<img width="1347" height="995"
alt="file-c55b9d7bc3bd212f18f8c77a0318eaef"
src="https://github.com/user-attachments/assets/3f96af62-6509-4b58-a740-cd87856422cd"
/>

packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx

@@ -88,7 +88,8 @@ const StyledEditor = styled.div`
   }
 
   & .bn-inline-content {
-    width: 100%;
+    max-width: 100%;
+    min-width: 0;
   }
 
   & .bn-container .bn-suggestion-menu-item:hover {

packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardsBlockEditor.tsx

@@ -76,8 +76,18 @@ const StyledEditor = styled.div`
     padding-inline: 0px;
   }
 
+  & .bn-block-content {
+    min-width: 0;
+  }
+
+  & .bn-block-content,
   & .bn-inline-content {
-    width: 100%;
+    overflow-wrap: anywhere;
+  }
+
+  & .bn-inline-content {
+    max-width: 100%;
+    min-width: 0;
   }
 
   & .bn-container .bn-suggestion-menu-item:hover {

packages/twenty-front/src/modules/ui/layout/show-page/components/FieldRichTextCard.tsx

@@ -18,8 +18,9 @@ const ActivityRichTextEditor = lazy(() =>
 
 const StyledShowPageActivityContainer = styled.div`
   box-sizing: border-box;
-  margin-top: ${themeCssVariables.spacing[6]};
-  padding-inline: 44px;
+  margin-top: ${themeCssVariables.spacing[2]};
+  padding-left: ${themeCssVariables.spacing[6]};
+  padding-right: ${themeCssVariables.spacing[2]};
   width: 100%;
 `;