fix(transactions,editor,reports): v1 period column, one amount edge, unclipped report numbers, solid save, mobile headers

src/lib/components/editor/Editor.svelte

@@ -10,6 +10,7 @@
   import Field from "#lib/components/inputs/Field.svelte";
   import { INPUT } from "#lib/components/inputs/styles.js";
   import PageHeader from "#lib/components/shell/PageHeader.svelte";
+  import Button from "#lib/components/ui/button/button.svelte";
   import { formatMoney } from "#lib/format.js";
   import { prettyKeys, useKeys } from "#lib/keys.svelte.js";
   import { ui } from "#lib/ui.svelte.js";
@@ -626,20 +627,29 @@
     </Box>
   {/if}
 
+  <div class="grid gap-4 lg:grid-cols-2">
+    <Attachments groupId={saved?.id ?? null} {journals} bind:queued />
+    {#if editing && journals.length}
+      <Links {journals} />
+    {/if}
+  </div>
+
   <div
     class="cladd-surface cladd-outline sticky bottom-0 z-20 flex flex-wrap items-center gap-x-3 gap-y-2 rounded-cladd-lg px-3 py-2 sm:gap-x-4 sm:py-2.5 shadow-[0_-6px_16px_-12px_rgb(0_0_0/0.35)]"
   >
-    <button
-      class="cladd-surface cladd-gradient cladd-outline cladd-hoverable cladd-color-brand inline-flex h-9 items-center gap-2 rounded-cladd-md px-3.5 font-semibold text-[13px] text-cladd-primary disabled:opacity-60 sm:h-cladd-md"
+    <Button
+      class="h-9 px-3.5 text-[13px] sm:h-cladd-md"
+      color="brand"
       disabled={saving}
       onclick={save}
-      type="button"
+      variant="fill"
     >
       {editing ? "Update transaction" : "Save transaction"}
-      <span class="kbd hidden sm:inline-flex"
+      <span
+        class="kbd hidden bg-white/20! text-current! shadow-none! sm:inline-flex"
         >{prettyKeys("mod+Enter")[0]}</span
       >
-    </button>
+    </Button>
     <label class="flex items-center gap-2 text-[13px] text-cladd-fg-soft">
       <span class="hidden sm:inline">After saving</span>
       <select
@@ -685,11 +695,4 @@
       </p>
     {/if}
   </div>
-
-  <div class="grid gap-4 lg:grid-cols-2">
-    <Attachments groupId={saved?.id ?? null} {journals} bind:queued />
-    {#if editing && journals.length}
-      <Links {journals} />
-    {/if}
-  </div>
 </div>