fix(ui-shell): stop propagation when clicking header action button

src/UIShell/GlobalHeader/HeaderAction.svelte

@@ -66,7 +66,7 @@
     class:action-text={text}
     {...$$restProps}
     on:click
-    on:click={() => {
+    on:click|stopPropagation={() => {
       isOpen = !isOpen;
       dispatch(isOpen ? 'open' : 'close');
     }}>

src/UIShell/UIShell.Story.svelte

@@ -109,6 +109,8 @@
     focusable: false,
     style: undefined,
   };
+
+  let isOpen = !true;
 </script>
 
 {#if story === 'header'}
@@ -169,8 +171,8 @@
     <HeaderUtilities>
       <HeaderAction
         type="Switcher"
-        icon={iSwitcher}
-        isOpen
+        icon={isOpen ? iAccount : iSwitcher}
+        bind:isOpen
         on:open={() => {
           console.log('on:open');
         }}