adds komoot integration

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

@@ -44,13 +44,20 @@
     import TrailTimeline from "./trail_timeline.svelte";
 
     interface Props {
-        trail: Trail;
+        initTrail: Trail;
         mode?: "overview" | "map" | "list";
         markers?: M.Marker[];
         activeTab?: number;
     }
 
-    let { trail, mode = "map", markers = [], activeTab = 0 }: Props = $props();
+    let {
+        initTrail,
+        mode = "map",
+        markers = [],
+        activeTab = 0,
+    }: Props = $props();
+
+    let trail = $state(initTrail);
 
     const tabs = [
         $_("summit-book"),
@@ -362,7 +369,9 @@
                 {:else}
                     <EmptyStateDescription></EmptyStateDescription>
                 {/if}
-                <h4 class="text-2xl font-semibold mb-6 mt-12">{$_("route", { values: { n: 2 } })}</h4>
+                <h4 class="text-2xl font-semibold mb-6 mt-12">
+                    {$_("route", { values: { n: 2 } })}
+                </h4>
                 {#if mode === "overview"}
                     <div
                         class="relative border border-input-border rounded-xl p-2 mb-6 text-xs"