Merge pull request #275 from wise-king-sullyman/update-pf-6.5

feat(deps): update PatternFly to 6.5.1

Author: kmcfaul

package-lock.json

@@ -68,12 +68,12 @@
     "webpack-merge": "^6.0.1"
   },
   "dependencies": {
-    "@patternfly/react-core": "^6.4.0",
-    "@patternfly/react-icons": "^6.4.0",
-    "@patternfly/react-styles": "^6.4.0",
+    "@patternfly/react-core": "6.5.1",
+    "@patternfly/react-icons": "6.5.1",
+    "@patternfly/react-styles": "6.5.1",
     "react": "^18",
     "react-dom": "^18",
-    "sirv-cli": "^3.0.0"
+    "sirv-cli": "^3.0.1"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package.json

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { NavLink, useLocation } from 'react-router-dom';
 import {
-  Button,
   Masthead,
   MastheadBrand,
   MastheadLogo,
@@ -14,6 +13,7 @@ import {
   Page,
   PageSidebar,
   PageSidebarBody,
+  PageToggleButton,
   SkipToContent,
 } from '@patternfly/react-core';
 import { IAppRoute, IAppRouteGroup, routes } from '@app/routes';
@@ -24,20 +24,16 @@ interface IAppLayout {
 }
 
 const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
-  const [sidebarOpen, setSidebarOpen] = React.useState(true);
   const masthead = (
     <Masthead>
       <MastheadMain>
         <MastheadToggle>
-          <Button
-            icon={<BarsIcon />}
-            variant="plain"
-            onClick={() => setSidebarOpen(!sidebarOpen)}
-            aria-label="Global navigation"
-          />
+          <PageToggleButton variant="plain" aria-label="Global navigation">
+            <BarsIcon />
+          </PageToggleButton>
         </MastheadToggle>
-        <MastheadBrand data-codemods>
-          <MastheadLogo data-codemods>
+        <MastheadBrand>
+          <MastheadLogo>
             <svg height="40px" viewBox="0 0 679 158">
               <title>PatternFly logo</title>
               <defs>
@@ -143,7 +139,8 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
     <Page
       mainContainerId={pageId}
       masthead={masthead}
-      sidebar={sidebarOpen && Sidebar}
+      isManagedSidebar
+      sidebar={Sidebar}
       skipToContent={PageSkipToContent}
     >
       {children}