feat(webui): add section links from Home

webui/src/components/display/UpLink.svelte

@@ -10,6 +10,7 @@
 
   export let passthrough = false;
   export let title: string | undefined = undefined;
+  export let text = false;
   export let to: {
     entity?: Address;
     attribute?: string;
@@ -60,6 +61,7 @@
 
 <a
   class="uplink"
+  class:text
   class:passthrough
   class:unresolved={targetHref === NOOP}
   href="/#/browse/{targetHref}"
@@ -74,6 +76,9 @@
     text-decoration: none;
     max-width: 100%;
   }
+  :global(.uplink.text) {
+    text-decoration: underline;
+  }
   :global(.uplink.passthrough) {
     display: contents;
   }

webui/src/views/Home.svelte

@@ -21,6 +21,7 @@
     ATTR_LABEL,
     HIER_ROOT_ADDR,
   } from "@upnd/upend/constants";
+  import UpLink from "../components/display/UpLink.svelte";
 
   const navigate = useNavigate();
 
@@ -185,7 +186,9 @@
   </h1>
 
   <section class="roots">
-    <h2>{$i18n.t("Roots")}</h2>
+    <h2>
+      <UpLink text to={{ entity: HIER_ROOT_ADDR }}>{$i18n.t("Roots")}</UpLink>
+    </h2>
     {#await roots}
       <Spinner centered />
     {:then data}
@@ -208,7 +211,9 @@
   {#await keyed then data}
     {#if data}
       <section class="keyed">
-        <h2>{$i18n.t("Keyed")}</h2>
+        <h2>
+          <UpLink text to={{ attribute: ATTR_KEY }}>{$i18n.t("Keyed")}</UpLink>
+        </h2>
         <ul>
           {#each data as address}
             <li class="root">