Highlight active space

src/app/components/PrimaryNavItemSpace.svelte

@@ -13,13 +13,16 @@
 
   const onClick = () => goToSpace(url)
 
+  const path = makeSpacePath(url)
+
   const display = $derived(deriveRelayDisplay(url))
 </script>
 
 <PrimaryNavItem
+  href={path}
   onclick={onClick}
   title={$display}
   class="tooltip-right"
-  notification={$notifications.has(makeSpacePath(url))}>
+  notification={$notifications.has(path)}>
   <RelayIcon {url} size={10} class="rounded-full" />
 </PrimaryNavItem>

src/lib/components/PrimaryNavItem.svelte

@@ -25,6 +25,7 @@
     cx(
       "flex h-full w-full cursor-pointer items-center justify-center rounded-full transition-colors hover:bg-base-300",
       restProps.class,
+      {"bg-base-300 border border-solid border-base-content/20": active},
     ),
   )
 </script>