feat: Close dropdown with Esc

package.json

@@ -107,7 +107,7 @@
 		"@hashicorp/react-alert-banner": "^7.1.0",
 		"@hashicorp/react-button": "^6.3.1",
 		"@hashicorp/react-code-block": "^6.7.0",
-		"@hashicorp/react-components": "^0.0.0-canary.524cb71",
+		"@hashicorp/react-components": "^0.0.0-canary.b79ea47",
 		"@hashicorp/react-consent-manager": "^9.3.0",
 		"@hashicorp/react-content": "^8.3.0",
 		"@hashicorp/react-design-system-components": "0.0.0-nightly.05f1ad1",

src/components/navigation-header/components/dropdown-menu/index.tsx

@@ -17,6 +17,7 @@ import { SUPPORTED_ICONS } from 'content/supported-icons'
 import { ProductSlug } from 'types/products'
 import useCurrentPath from 'hooks/use-current-path'
 import useOnClickOutside from 'hooks/use-on-click-outside'
+import useOnEscapeKeyDown from 'hooks/use-on-escape-key-down'
 import useOnFocusOutside from 'hooks/use-on-focus-outside'
 import useOnRouteChangeStart from 'hooks/use-on-route-change-start'
 import deriveKeyEventState from 'lib/derive-key-event-state'
@@ -63,6 +64,9 @@ const NavigationHeaderDropdownMenu = ({
 	// Handles closing the menu if focus moves outside of it and it is open.
 	useOnFocusOutside([menuRef], () => setIsOpen(false), isOpen)
 
+	// Handles closing the menu if Esc is pressed while navigating with a keyboard and the menu is focused.
+	useOnEscapeKeyDown([menuRef], () => setIsOpen(false), isOpen)
+
 	// Check for a visible icon or label
 	if (!label && !hasLeadingIcon) {
 		throw new Error(