Add retrieved color to path

frontend/src/app.d.ts

@@ -15,7 +15,8 @@ declare global {
 			"icon": "",
 			"created_at": null,
 			"updated_at": null,
-			"deleted_at": null
+			"deleted_at": null,
+			"color": string
 		}
 		interface Sport {
 			"id": 1,
@@ -67,5 +68,8 @@ declare global {
 	}
 }
 export {
-	Route
+	Route,
+	Category,
+	Sport,
+	SportDetails
 };

frontend/src/routes/+page.svelte

@@ -3,7 +3,7 @@
 	// import Splash from '$lib/components/Splash.svelte';
 
 	export let data;
-	let categories = data.categories;
+	let categories: App.Category[] = data.categories;
 </script>
 
 
@@ -14,7 +14,7 @@
 	<div id="welcome-message">Benvenuti a <span class="bold">Pianello Val Tidone</span></div>
 	<div id="route-cards">
 		{#each categories as category}
-			<Path color="#de0e1b" name="{category.name_it}" id="{category.id}" />
+			<Path color={category.color} name="{category.name_it}" id={String(category.id)} />
 		{/each}
 	</div>
 </main>