Fix app name, make toast dismissable

src/app/components/Toast.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
   import {fly} from "@lib/transition"
-  import {toast} from "@app/toast"
+  import Icon from "@lib/components/Icon.svelte"
+  import Button from "@lib/components/Button.svelte"
+  import {toast, popToast} from "@app/toast"
 </script>
 
 {#if $toast}
@@ -14,6 +16,9 @@
         class:text-base-content={theme === "info"}
         class:alert-error={theme === "error"}>
         {$toast.message}
+        <Button class="flex items-center opacity-75" on:click={() => popToast($toast.id)}>
+          <Icon icon="close-circle" />
+        </Button>
       </div>
     {/key}
   </div>

src/lib/components/CardButton.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <div class="btn btn-neutral flex h-[unset] w-full flex-nowrap py-4 text-left {$$props.class}">
-  <div class="flex flex-grow flex-row items-start gap-1 pl-2">
+  <div class="flex flex-grow flex-row items-start gap-1 sm:pl-2">
     <div class="flex h-14 w-12 flex-shrink-0 items-center">
       <slot name="icon" />
     </div>
@@ -16,7 +16,7 @@
       </p>
     </div>
   </div>
-  <div class="flex h-14 w-14 items-center justify-end">
+  <div class="hidden h-14 w-14 items-center justify-end sm:flex">
     <Icon size={7} icon="alt-arrow-right" />
   </div>
 </div>

zapstore.yaml

@@ -1,7 +1,7 @@
 flotilla:
   android:
     identifier: social.flotilla
-    name: Coracle
+    name: Flotilla
     description: Self-hosted community chat and threads built on the nostr protocol.
     repository: https://github.com/coracle-social/flotilla
     artifacts: