adds i18n

web/src/lib/components/waypoint/waypoint_card.svelte

@@ -1,17 +1,20 @@
 <script lang="ts">
     import type { Waypoint } from "$lib/models/waypoint";
+    import { _ } from "svelte-i18n";
     import Dropdown from "../base/dropdown.svelte";
-
+    
     export let waypoint: Waypoint;
     export let mode: "show" | "edit" = "show";
 
     const dropdownItems = [
-        { text: "Edit", value: "edit" },
-        { text: "Delete", value: "delete" },
+        { text: $_("edit"), value: "edit" },
+        { text: $_("delete"), value: "delete" },
     ];
 </script>
 
-<div class="p-4 border border-input-border rounded-md my-2 hover:bg-menu-item-background-hover">
+<div
+    class="p-4 border border-input-border rounded-md my-2 hover:bg-menu-item-background-hover"
+>
     <div class="flex justify-between items-center mb-2">
         <h5>
             <i class="fa fa-{waypoint.icon} mr-2"></i>{waypoint.name}