chore(website): Add word-break to headings for markdown pages

Author: mlaursen

packages/documentation/src/components/Markdown/renderers.module.scss

@@ -1,3 +1,7 @@
+.heading {
+  word-break: break-word;
+}
+
 .task {
   list-style: none;
   margin-left: -2.5rem;

packages/documentation/src/components/Markdown/renderers.tsx

@@ -80,7 +80,12 @@ export const renderers: MarkdownRenderers = {
 
     const id = useSluggedId(tokens);
     return (
-      <Typography id={id} type={type} suppressHydrationWarning>
+      <Typography
+        id={id}
+        type={type}
+        className={styles.heading}
+        suppressHydrationWarning
+      >
         {children}
       </Typography>
     );