Fix #7508: Disabled Menu item display (#7537)

Author: melloware

components/lib/menu/Menu.js

@@ -357,7 +357,7 @@ export const Menu = React.memo(
                 {
                     onClick: (event) => onItemClick(event, item, key),
                     onMouseMove: (event) => onItemMouseMove(event, key),
-                    className: cx('content')
+                    className: cx('content', { item })
                 },
                 getMenuItemPTOptions('content', menuContext)
             );

components/lib/menu/MenuBase.js

@@ -40,7 +40,7 @@ const classes = {
             'p-ripple-disabled': (context && context.ripple === false) || PrimeReact.ripple === false
         }),
     menu: 'p-menu-list p-reset',
-    content: 'p-menuitem-content',
+    content: ({ item }) => classNames('p-menuitem-content', { 'p-disabled': item.disabled }),
     action: ({ item }) => classNames('p-menuitem-link', { 'p-disabled': item.disabled }),
     menuitem: ({ focused }) => classNames('p-menuitem', { 'p-focus': focused }),
     submenuHeader: ({ submenu }) =>