fix(app): hide 'open in app' button on narrow viewports

packages/app/src/components/session/session-header.tsx

@@ -268,6 +268,7 @@ export function SessionHeader() {
           <Portal mount={mount()}>
             <div class="flex items-center gap-3">
               <Show when={projectDirectory()}>
+                <div class="hidden xl:flex items-center">
                   <Show
                     when={canOpen()}
                     fallback={
@@ -278,7 +279,9 @@ export function SessionHeader() {
                         aria-label={language.t("session.header.open.copyPath")}
                       >
                         <Icon name="copy" size="small" class="text-icon-base" />
-                      <span class="text-12-regular text-text-strong">{language.t("session.header.open.copyPath")}</span>
+                        <span class="text-12-regular text-text-strong">
+                          {language.t("session.header.open.copyPath")}
+                        </span>
                       </Button>
                     }
                   >
@@ -336,6 +339,7 @@ export function SessionHeader() {
                       </DropdownMenu>
                     </div>
                   </Show>
+                </div>
               </Show>
               <StatusPopover />
               <Show when={showShare()}>