chore: Revert mobile menu breakpoint changes/update canary

Move panel to the left to avoid issues with cutoff instead of changing the breakpoint

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.b79ea47",
+		"@hashicorp/react-components": "^0.0.0-canary.b8785bd",
 		"@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/dropdown-menu.module.css

@@ -64,7 +64,8 @@
 	border-bottom-right-radius: 6px;
 	box-shadow: var(--token-elevation-higher-box-shadow);
 	min-width: max-content;
-	position: absolute;
+	position: fixed;
+	left: 24px;
 }
 
 .dropdownContainerInner {

src/contexts/mobile-menu.tsx

@@ -19,7 +19,7 @@ import { useNoScrollBody } from 'hooks/use-no-scroll-body'
 /**
  * Should correspond to --dev-dot-hide-mobile-menu
  */
-const DEFAULT_NAV_HEADER_DESKTOP_WIDTH = 1230
+const DEFAULT_NAV_HEADER_DESKTOP_WIDTH = 924
 
 interface MobileMenuContextState {
 	/**

src/layouts/core-dev-dot-layout/core-dev-dot-layout.module.css

@@ -12,7 +12,7 @@
 	--tablet-width-breakpoint: 1000px;
 
 	/** Should correspond to --dev-dot-hide-mobile-menu */
-	--mobile-menu-breakpoint: 1230px;
+	--mobile-menu-breakpoint: 924px;
 
 	/* Font overwrites */
 	--font-body: var(--token-typography-font-stack-text);

src/styles/custom-media.css

@@ -19,5 +19,5 @@
 @custom-media --dev-dot-sidecar-up only screen and (min-width: 1280px);
 
 /* Search for "Should correspond to --dev-dot-hide-mobile-menu" when changing */
-@custom-media --dev-dot-show-mobile-menu (max-width: 1229px);
-@custom-media --dev-dot-hide-mobile-menu (min-width: 1230px);
+@custom-media --dev-dot-show-mobile-menu (max-width: 923px);
+@custom-media --dev-dot-hide-mobile-menu (min-width: 924px);