search field: fix losing focus, fix duplicated cancel button in chrome (#738)

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

@@ -76,3 +76,10 @@
         </span>
     {/if}
 </div>
+
+<style>
+    :global(input[type="search"]::-webkit-search-cancel-button) {
+        -webkit-appearance: none;
+        appearance: none;
+    }
+</style>

web/src/routes/trails/+page.svelte

@@ -101,7 +101,7 @@
         }
         
         page.url.searchParams.set("page", newPage.toString());
-        goto(`?${page.url.searchParams.toString()}`);
+        goto(`?${page.url.searchParams.toString()}`, { keepFocus: true });
     }
 
     async function doPaginate(newPage: number, items: number) {