Add loading state (initial)

Add rollover actions on train service
Add some additional toc styles

src/routes/+layout.svelte

@@ -2,10 +2,11 @@
 	import { page } from '$app/state';
 	import { slide, fade } from 'svelte/transition';
 	import { onMount } from 'svelte';
-
+	import { navigating } from '$app/state';
 	import { LOCATIONS } from '$lib/locations-object.svelte';
 	import { nearestStationsState } from '$lib/geohash.svelte';
 
+	import Loading from '$lib/components/ui/Loading.svelte';
 	import TimezoneWarning from '$lib/components/ui/TimezoneWarning.svelte';
 
 	import '$lib/global.css';
@@ -81,7 +82,12 @@
 
 <main>
 	<TimezoneWarning />
-	{@render children()}
+
+	{#if navigating && navigating.to}
+		<Loading />
+	{:else}
+		{@render children()}
+	{/if}
 </main>
 
 <nav bind:clientWidth={navWidth}>

src/routes/trains/+page.svelte

@@ -2,8 +2,11 @@
     import NoResults from '$lib/components/ui/NoResults.svelte';
 	import TrainService from '$lib/components/ui/TrainService.svelte';
     let { data } = $props();
+
 </script>
 
+
+
 {#if data.results.length === 0}
     <NoResults 
         message={"No trains found on this date with this headcode."}