Add capacitor, fix some mobile bugs

src/routes/chat/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import {page} from "$app/stores"
   import {onDestroy} from "svelte"
+  import {isMobile} from "@lib/html"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
   import ContentSearch from "@lib/components/ContentSearch.svelte"
@@ -41,7 +42,7 @@
       <Icon icon="magnifer" />
       <!-- svelte-ignore a11y-autofocus -->
       <input
-        autofocus
+        autofocus={!isMobile}
         bind:value={term}
         class="grow"
         type="text"

src/routes/notes/+page.svelte

@@ -8,7 +8,7 @@
 
 <Page>
   <Chat {id}>
-    <p slot="info">
+    <p slot="info" class="px-4">
       This is a place for your notes. Everything you write here is encrypted and stored on the nostr
       network.
     </p>

src/routes/people/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {onMount} from "svelte"
-  import {createScroller} from "@lib/html"
+  import {createScroller, isMobile} from "@lib/html"
   import {profileSearch} from "@welshman/app"
   import Icon from "@lib/components/Icon.svelte"
   import Page from "@lib/components/Page.svelte"
@@ -34,7 +34,7 @@
       <Icon icon="magnifer" />
       <!-- svelte-ignore a11y-autofocus -->
       <input
-        autofocus
+        autofocus={!isMobile}
         bind:value={term}
         class="grow"
         type="text"

src/routes/settings/profile/+page.svelte

@@ -3,7 +3,6 @@
   import {hexToBytes} from "@noble/hashes/utils"
   import {displayPubkey, displayProfile} from "@welshman/util"
   import {pubkey, session, displayNip05, deriveProfile} from "@welshman/app"
-  import {slide} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
   import FieldInline from "@lib/components/FieldInline.svelte"
   import Button from "@lib/components/Button.svelte"
@@ -50,12 +49,12 @@
       <Content event={{content: $profile?.about || "", tags: []}} hideMedia />
     {/key}
   </div>
-  <div class="card2 bg-alt col-4 shadow-xl" transition:slide>
+  <div class="card2 bg-alt col-4 shadow-xl">
     <FieldInline>
       <p slot="label">Public Key</p>
       <label class="input input-bordered flex w-full items-center gap-2" slot="input">
         <Icon icon="link-round" />
-        <input value={$session?.pubkey} class="grow" type="text" />
+        <input class="ellipsize" value={$session?.pubkey} />
         <Button class="flex items-center" on:click={copyNpub}>
           <Icon icon="copy" />
         </Button>