fix: update deps starting with PF

Author: nicolethoen

package-lock.json

@@ -79,9 +79,9 @@
     "webpack-merge": "^5.9.0"
   },
   "dependencies": {
-    "@patternfly/react-core": "6.0.0-alpha.50",
-    "@patternfly/react-icons": "6.0.0-alpha.19",
-    "@patternfly/react-styles": "6.0.0-alpha.19",
+    "@patternfly/react-core": "5.3.3",
+    "@patternfly/react-icons": "5.3.2",
+    "@patternfly/react-styles": "5.3.1",
     "@storybook/builder-webpack5": "^7.5.3",
     "react": "^18",
     "react-dom": "^18",

package.json

@@ -5,6 +5,8 @@ import {
   EmptyState,
   EmptyStateBody,
   EmptyStateFooter,
+  EmptyStateHeader,
+  EmptyStateIcon,
   PageSection,
 } from '@patternfly/react-core';
 import { useHistory } from 'react-router-dom';
@@ -22,7 +24,8 @@ const NotFound: React.FunctionComponent = () => {
 
   return (
     <PageSection>
-      <EmptyState titleText="404 Page not found" variant="full" icon={ExclamationTriangleIcon} >
+      <EmptyState variant="full">
+        <EmptyStateHeader titleText="404 Page not found" icon={<EmptyStateIcon icon={ExclamationTriangleIcon} />} headingLevel="h1" />
         <EmptyStateBody>
           We didn&apos;t find a page that matches the address you navigated to.
         </EmptyStateBody><EmptyStateFooter>

src/app/NotFound/NotFound.tsx

@@ -6,6 +6,8 @@ import {
   EmptyStateActions,
   EmptyStateBody,
   EmptyStateFooter,
+  EmptyStateHeader,
+  EmptyStateIcon,
   EmptyStateVariant,
   PageSection,
   Text,
@@ -20,7 +22,8 @@ export interface ISupportProps {
 // eslint-disable-next-line prefer-const
 let Support: React.FunctionComponent<ISupportProps> = () => (
   <PageSection>
-    <EmptyState variant={EmptyStateVariant.full} titleText="Empty State (Stub Support Module)" icon={CubesIcon} >
+    <EmptyState variant={EmptyStateVariant.full}>
+      <EmptyStateHeader titleText="Empty State (Stub Support Module)" icon={<EmptyStateIcon icon={CubesIcon} />} headingLevel="h1" />
       <EmptyStateBody>
         <TextContent>
           <Text component="p">