chore: added banner to homepage with a link to new v5 page (#3572)

* chore: added banner to homepage with a link to new v5 page

* fix(homebanner): Made adjustments to styling, added sticky element

Author: ashley-o0o

packages/documentation-framework/templates/mdx.css

@@ -1,7 +1,7 @@
 #ws-page-content-router {
   display: flex;
   flex-direction: column;
-  height: 100%;
+  flex-shrink: 0;
 }
 
 .ws-release-notes-toc {

packages/v4/patternfly-docs/pages/home.css

@@ -221,3 +221,7 @@
 .fadeInFour {
   animation-delay: 1.4s;
 }
+
+.pf4-banner-link{
+  white-space: nowrap;
+}

packages/v4/patternfly-docs/pages/home.js

@@ -28,6 +28,9 @@ const patternFlyPrinciples = 'Flyer fundamentals';
 
 const HomePage = () => (
   <React.Fragment>
+    <PageSection variant={PageSectionVariants.light} stickyOnBreakpoint={{ default: 'top' }} className="pf-u-font-size-lg">
+      PatternFly 5 is live! Visit the website for new design, code samples, and documentation. <a href="https://www.patternfly.org/" class="pf4-banner-link pf-u-font-weight-bold">Go to PatternFly 5 <ArrowRightIcon /></a>
+    </PageSection>
     <PageSection variant={PageSectionVariants.light} className="pf4-c-background-image ws-homepage-main-section">
       <Grid>
         <GridItem sm={12} md={8} mdOffset={2} lg={6} lgOffset={3} className="pf-u-py-2xl pf-u-text-align-center">