feat(UIShell): only render hamburger menu if SideNav exists

src/UIShell/GlobalHeader/Header.svelte

@@ -35,6 +35,7 @@
   /** Obtain a reference to the HTML anchor element */
   export let ref = null;
 
+  import { shouldRenderHamburgerMenu } from "../navStore";
   import HamburgerMenu from "../SideNav/HamburgerMenu.svelte";
 
   let winWidth = undefined;
@@ -50,7 +51,7 @@
 
 <header role="banner" aria-label="{ariaLabel}" class:bx--header="{true}">
   <slot name="skip-to-content" />
-  {#if winWidth < 1056 || persistentHamburgerMenu}
+  {#if ($shouldRenderHamburgerMenu && winWidth < 1056) || persistentHamburgerMenu}
     <HamburgerMenu bind:isOpen="{isSideNavOpen}" />
   {/if}
   <a

src/UIShell/SideNav/SideNav.svelte

@@ -10,6 +10,9 @@
 
   /** Set to `true` to toggle the expanded state */
   export let isOpen = false;
+
+  import { shouldRenderHamburgerMenu } from "../navStore";
+  shouldRenderHamburgerMenu.set(true);
 </script>
 
 {#if fixed}

src/UIShell/navStore.js

@@ -0,0 +1,3 @@
+import { writable } from "svelte/store";
+
+export const shouldRenderHamburgerMenu = writable(false);