Add infinite scrolling for patches listing

src/components/PatchTeaser.svelte

@@ -9,6 +9,7 @@
     patchStatusColor,
   } from "@app/lib/utils";
   import { invoke } from "@tauri-apps/api/core";
+  import { onMount } from "svelte";
   import { push } from "@app/lib/router";
 
   import DiffStatBadge from "./DiffStatBadge.svelte";
@@ -16,6 +17,16 @@
   import InlineTitle from "./InlineTitle.svelte";
   import NodeId from "./NodeId.svelte";
 
+  let stats: Stats | undefined = undefined;
+
+  onMount(async () => {
+    stats = await invoke<Stats>("diff_stats", {
+      rid,
+      base: patch.base,
+      head: patch.head,
+    });
+  });
+
   export let patch: Patch;
   export let rid: string;
 </script>
@@ -81,9 +92,9 @@
     </div>
   </div>
   <div class="global-flex">
-    {#await invoke<Stats>( "diff_stats", { rid, base: patch.base, head: patch.head }, ) then stats}
+    {#if stats}
       <DiffStatBadge {stats} />
-    {/await}
+    {/if}
     {#each patch.labels as label}
       <div class="global-counter txt-small">{label}</div>
     {/each}