Insert sport details data

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

@@ -1,51 +1,51 @@
-<script>
+<script lang="ts">
-	export let route;
+	export let route: App.Route;
 </script>
 
 <div id="grid">
 	<div>
 		<p>Distanza</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].distance} m</p>
 	</div>
 
 	<div>
 		<p>Dislivello Positivo</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].elevation_gain}</p>
 	</div>
 
 	<div>
 		<p>Velocità Media</p>
-		<p>Value</p>
+		<p>N/A</p>
 	</div>
 
 	<div>
 		<p>Difficolta</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].difficulty_it}</p>
 	</div>
 
 	<div>
 		<p>Dislivello Negativo</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].elevation_loss}</p>
 	</div>
 
 	<div>
 		<p>Durata</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].duration}'</p>
 	</div>
 
 	<div>
 		<p>Altitudine max</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].altitude_max}</p>
 	</div>
 
 	<div>
 		<p>Altitudine min</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].altitude_min}</p>
 	</div>
 
 	<div>
 		<p>Tipo Percorso</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].route_type_it}</p>
 	</div>
 </div>