Tidy up train service component, add loading state, convert tiploc to name... etc.

src/routes/trains/+page.svelte

@@ -4,6 +4,9 @@
 	let { data } = $props();
 </script>
 
+<h6 style="text-align:center;width=100%;margin:auto;padding-top:1rem;font-size:1rem;">
+	DateSelector
+</h6>
 {#if data.results.length === 0}
 	<NoResults message={'No trains found on this date with this headcode.'} />
 {:else}