refactor: use more generic resource system

src/components/ImageGallery.svelte

@@ -16,7 +16,7 @@
   let progress: number[] = [];
   let currentIndex = -1;
   const maxZoom = 5;
-  import { swipe } from "svelte-gestures";
+  import { useSwipe } from "svelte-gestures";
 
   const mod = (a: number, b: number) => ((a % b) + b) % b;
 
@@ -232,10 +232,9 @@
 
   {#if currentIndex > -1}
     <div
+      {...useSwipe(handleSwipe)}
       class="image"
-      use:swipe
       role="dialog"
-      on:swipe={handleSwipe}
       on:wheel|passive={handleScroll}
       on:mousemove={handleMouseMove}
       on:pointermove={handlePointerMove}>