fixes icon picker

web/src/lib/components/base/combobox.svelte

@@ -28,10 +28,11 @@
         await tick();
         const dropdownMenu = document.querySelector(".menu");
         if (dropdownMenu) {
-            let dropdownHTML = dropdownMenu.innerHTML;
-
-            for (const li of dropdownMenu.children) {
+            for (let i = 0; i < dropdownMenu.children.length; i++) {
+                const li = dropdownMenu.children[i];
                 const textNode = li.getElementsByTagName("p")[0];
+                textNode.innerHTML = items[i].text;
+
                 const text = textNode.innerText.replace(
                     new RegExp(value, "gi"),
                     (match) => `<strong>${match}</strong>`,

web/src/lib/components/base/text_field.svelte

@@ -22,7 +22,9 @@
     {/if}
     <div class="flex items-center gap-2">
         {#if icon.length > 0}
-            <i class="fa fa-{icon}"></i>
+            <div class="w-6">
+                <i class="fa fa-{icon}"></i>
+            </div>
         {/if}
         <input
             {name}

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

@@ -256,7 +256,7 @@
                 ? getFileURL(trail, trail.photos[trail.thumbnail])
                 : "/imgs/default_thumbnail.webp";
             route.bindPopup(
-                `<a href="/trail/view/${trail.id}" data-sveltekit-preload-data="false">
+                `<a href="/trail/view/${trail.id}" data-sveltekit-preload-data="off">
     <li class="flex items-center gap-4 cursor-pointer text-black max-w-80">
         <div class="shrink-0"><img class="h-14 w-14 object-cover rounded-xl" src="${thumbnail}" alt="">
         </div>