Fixes unwanted scrolls in mobile (#4114)

* added word break

* Update PageHeading.tsx

Author: Strek

beta/src/components/PageHeading.tsx

@@ -25,7 +25,7 @@ function PageHeading({
     <div className="px-5 sm:px-12 pt-5">
       <div className="max-w-4xl ml-0 2xl:mx-auto">
         {tags ? <Breadcrumbs /> : null}
-        <H1 className="mt-0 text-primary dark:text-primary-dark -mx-.5">
+        <H1 className="mt-0 text-primary dark:text-primary-dark -mx-.5 break-words">
           {title}
           {status ? <em>—{status}</em> : ''}
         </H1>