Moved navigation feedback to the header.

CHANGELOG

@@ -18,6 +18,7 @@ Dates should be in`YYYY-MM-DD` format and versions are in [semantic versioning](
 - Don't show role drop down if empty.
 - Cleaned up landing page.
 - Don't blur dialog background so that errors are visible.
+- Moved navigation feedback to the header.
 
 ## v0.5.2
 

src/lib/OrganizationLink.svelte

@@ -1,15 +1,9 @@
 <script lang="ts">
 	import Link from './Link.svelte';
 	import { type OrganizationID } from '$types/Organization';
-	import { navigating } from '$app/stores';
-	import Loading from './Loading.svelte';
 
 	export let id: OrganizationID;
 	export let name: string;
 </script>
 
-{#if $navigating}
-	<Loading />
-{:else}
-	<Link to="/org/{id}" kind="org">{name}</Link>
-{/if}
+<Link to="/org/{id}" kind="org">{name}</Link>

src/lib/Page.svelte

@@ -1,13 +1,15 @@
 <script>
+	import { navigating } from '$app/stores';
 	import Link from './Link.svelte';
+	import Loading from './Loading.svelte';
 	import Logo from './Logo';
 	import { getUser } from './contexts';
 
 	const user = getUser();
 </script>
 
 <div class="header">
-	<Link to="/">{Logo}</Link><span class="account"
+	<Link to="/">{Logo}</Link>{#if $navigating}<Loading />{/if}<span class="account"
 		>{#if $user}<Link to="/login">{$user.email}</Link>{:else}<Link to="/login">Login</Link
 			>{/if}</span
 	>