refactor(webui): button labels on columns are i18n'd

webui/src/components/BrowseColumn.svelte

@@ -6,6 +6,7 @@
   import type { BrowseContext } from "../util/browse";
   import { writable } from "svelte/store";
   import { useParams } from "svelte-navigator";
+  import { i18n } from "../i18n";
   const dispatch = createEventDispatcher();
   const params = useParams();
 
@@ -80,7 +81,7 @@
     <header>
       {#if address}
         <IconButton name="link" on:click={() => visit()} disabled={only}>
-          Detach
+          {$i18n.t("Detach")}
         </IconButton>
       {/if}
       {#if !forceDetail}
@@ -92,7 +93,7 @@
           }}
           active={detail}
         >
-          Detail
+          {$i18n.t("Detail")}
         </IconButton>
       {:else}
         <div class="noop"></div>
@@ -102,7 +103,7 @@
           name="intersect"
           on:click={() => dispatch("combine", address)}
         >
-          Combine
+          {$i18n.t("Combine")}
         </IconButton>
       {/if}
       {#if !shifted}
@@ -111,10 +112,12 @@
           on:click={() => dispatch("close")}
           disabled={only}
         >
-          Close
+          {$i18n.t("Close")}
         </IconButton>
       {:else}
-        <IconButton name="refresh" on:click={() => reload()}>Reload</IconButton>
+        <IconButton name="refresh" on:click={() => reload()}>
+          {$i18n.t("Reload")}
+        </IconButton>
       {/if}
     </header>
     {#key key}