Update tabs mock

frontend/src/lib/components/Tabs.svelte

@@ -4,9 +4,11 @@
 	import MapTab from './tabs/MapTab.svelte';
 	import { createEventDispatcher, onMount } from 'svelte';
 
+	export let route: App.Route;
 	const dispatch = createEventDispatcher();
 
-	let ref;
+	let props;
+	let ref: HTMLDivElement;
 	let component = InfoTab;
 	onMount(() => {
 		const gbcr = ref.getBoundingClientRect();
@@ -48,7 +50,7 @@
 		<button id="map">Mappa</button>
 	</div>
 	<div class="tab" bind:this={ref}>
-		<svelte:component this={component} />
+		<svelte:component this={component} route={route} />
 	</div>
 </div>
 
@@ -76,12 +78,12 @@
 		padding: 15px;
 		border-bottom: 1px solid #eee;
 		cursor: pointer;
-		
 	}
 
 	.tab {
 		padding: 10px;
 		background-color: white;
+		overflow-y: scroll;
 	}
 
 	.active {

frontend/src/lib/components/tabs/DescTab.svelte

@@ -1,14 +1,11 @@
-<script>
+<script lang='ts'>
 	import { fade } from 'svelte/transition';
+
+	export let route: App.Route;
 </script>
 
 <div>
-	The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur
-	adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
-	minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-	Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-	pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-	mollit anim id est laborum."
+	{route.description_it}
 </div>
 
 <style>

frontend/src/lib/components/tabs/InfoTab.svelte

@@ -1,3 +1,7 @@
+<script>
+	export let route;
+</script>
+
 <div id="grid">
 	<div>
 		<p>Distanza</p>

frontend/src/lib/components/tabs/MapTab.svelte

@@ -2,6 +2,7 @@
 	import { onMount, onDestroy } from 'svelte';
 	import { fade, fly } from 'svelte/transition';
 
+	export let route;
 	const pianelloCoordinates = [43.14, 12.53];
 	let mapElement: string | HTMLElement;
 	let leaflet;