fix: currency selector hidden on phones, space around + between currencies

src/lib/components/Money.svelte

@@ -34,7 +34,7 @@
 {:else if inline}
   {#each parts as part, index (part.code ?? index)}
     {#if index > 0}
-      <span class="text-cladd-fg-softer"> + </span>
+      <span class="mx-1 text-cladd-fg-softer">+</span>
     {/if}
     <Amount {...part} class={className} {signed} {tone} />
   {/each}

src/lib/components/shell/Shell.svelte

@@ -251,7 +251,7 @@
       <DropdownMenu.Root>
         <DropdownMenu.Trigger
           aria-label="Currency to show amounts in"
-          class="flex h-8 items-center gap-1 rounded-cladd-md px-2 text-[12px] font-semibold hover:bg-black/10 {display.on
+          class="hidden h-8 items-center gap-1 rounded-cladd-md px-2 text-[12px] font-semibold hover:bg-black/10 sm:flex {display.on
             ? "bg-black/15"
             : "text-on-brand/80"}"
           title="Show every amount in one currency  $"