Clean up js coordinate types

web-frontend/src/routes/app/+page.svelte

@@ -193,7 +193,7 @@
 	<TabSelector bind:tabInfo />
 
 	{#if tabInfo.selected === 1}
-		<CoordinateInfo bind:xpin={addr} />
+		<CoordinateInfo bind:coordinateTypes bind:xpin={addr} />
 	{/if}
 {:catch message}
 	<Error {message}>Could not start core module</Error>

web-frontend/src/routes/app/CoordinateInfo.svelte

@@ -3,7 +3,8 @@
 	import { onMount, onDestroy } from 'svelte';
 
 	export let xpin;
-	let formats = ['dd', 'dms', 'dmm', 'utm', 'plus'];
+	export let coordinateTypes;
+
 	let urlFormats = [
 		'google_maps',
 		'geo',
@@ -54,9 +55,9 @@
 		</tr>
 	{/each}
 
-	{#each formats as format}
+	{#each coordinateTypes as format}
 		<tr class="m-4 border">
-			<th class="p-4 border">{format.toUpperCase()}</th>
+			<th class="p-4 border">{format}</th>
 			<td class="p-4 border">{xpin.allCoordinates[format]}</td>
 			<td class="p-4 border"><CopyButton data={xpin.allCoordinates[format]} /></td>
 		</tr>