feat(webui): all column sections can now be hidden

webui/src/lib/components/EntitySetEditor.svelte

@@ -14,7 +14,7 @@
 	}>();
 
 	export let entities: string[];
-	export let hide = false;
+	export let hidden = false;
 
 	export let header = '';
 	export let icon: string | null = null;
@@ -40,7 +40,7 @@
 	}
 </script>
 
-<LabelBorder {hide}>
+<LabelBorder {hidden}>
 	<span slot="header"
 		>{#if icon}<Icon plain name={icon} />
 		{/if}{header}</span

webui/src/lib/components/EntryView.svelte

@@ -84,7 +84,7 @@
 	}
 </script>
 
-<LabelBorder hide={entries.length === 0 && entities.length === 0}>
+<LabelBorder hidden={entries.length === 0 && entities.length === 0}>
 	<svelte:fragment slot="header-full">
 		<h3 class:highlighted>
 			{#if group}

webui/src/lib/components/InspectGroups.svelte

@@ -40,7 +40,7 @@
 	entities={Object.keys(groups)}
 	header={$i18n.t('Groups') || ''}
 	icon="link-alt"
-	hide={Object.keys(groups).length === 0}
+	hidden={Object.keys(groups).length === 0}
 	on:add={(e) => addGroup(e.detail)}
 	on:remove={(e) => removeGroup(e.detail)}
 	on:highlighted

webui/src/lib/components/display/UpLink.svelte

@@ -35,6 +35,8 @@
 	const addresses = context ? context.addresses : readable([]);
 
 	function onClick(ev: MouseEvent) {
+		ev.preventDefault();
+		ev.stopPropagation();
 		if (window.location.pathname.startsWith('/browse')) {
 			let newAddresses = $addresses.concat();
 

webui/src/lib/components/utils/IconButton.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <button
-	on:click
+	on:click|preventDefault|stopPropagation
 	class:active
 	class:outline
 	class:subdued

webui/src/lib/components/utils/LabelBorder.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { slide } from 'svelte/transition';
 
-	export let hide = false;
-	let hidden = true;
+	export let hide = true;
+	export let hidden = true;
 </script>
 
 <section class="labelborder" class:hide class:hidden>

webui/src/lib/components/utils/NotesEditor.svelte

@@ -34,7 +34,7 @@
 	}
 </script>
 
-<LabelBorder hide={!notes?.length}>
+<LabelBorder hidden={!notes?.length}>
 	<span slot="header"><Icon plain name="note" /> {$i18n.t('Notes')}</span>
 	<div class="notes" contenteditable on:input={onInput} bind:this={contentEl}>
 		{#each (notes || '\n').split('\n') as line, idx}