finishes trail create

web/src/lib/components/summit_log/summit_log_card.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+    import type { SummitLog } from "$lib/models/summit_log";
+    import { format, parse } from "date-fns";
+    import Dropdown from "../base/dropdown.svelte";
+
+    export let log: SummitLog;
+    export let mode: "show" | "edit" = "show";
+
+    const dropdownItems = [
+        { text: "Edit", value: "edit" },
+        { text: "Delete", value: "delete" },
+    ];
+</script>
+
+<div class="p-4 my-2 border rounded-xl">
+    <div class="flex justify-between items-center mb-2">
+        <h5 class="font-medium mr-2">{format(log.date, 'dd.MM.yyyy')}</h5>
+
+        {#if mode == "edit"}
+            <Dropdown items={dropdownItems} on:change></Dropdown>
+        {/if}
+    </div>
+    <span>{log.text}</span>
+</div>