adds svelte API

web/src/lib/components/trail/trail_card.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
     import type { Trail } from "$lib/models/trail";
     import { getFileURL } from "$lib/util/file_util";
-    import { formatDistance, formatElevation, formatTimeHHMM } from "$lib/util/format_util";
+    import {
+        formatDistance,
+        formatElevation,
+        formatTimeHHMM,
+    } from "$lib/util/format_util";
 
     export let trail: Trail;
-
 </script>
 
 <div
@@ -14,7 +17,7 @@
     role="listitem"
 >
     <div class="w-full min-h-40 max-h-48 overflow-hidden rounded-t-2xl">
-        <img src={getFileURL(trail, trail.thumbnail)} alt="" />
+        <img src={getFileURL(trail, trail.photos[trail.thumbnail])} alt="" />
     </div>
     <div class="p-4">
         <div>

web/src/lib/components/trail/trail_list_item.svelte

@@ -12,7 +12,7 @@
     <div class="shrink-0">
         <img
             class="h-28 w-28 object-cover rounded-xl"
-            src={getFileURL(trail, trail.thumbnail)}
+            src={getFileURL(trail, trail.photos[trail.thumbnail])}
             alt=""
         />
     </div>