active season/icon highlighted insteas of using text

src/routes/rezepte/icon/[icon]/+page.svelte

@@ -8,8 +8,7 @@
     export let data: PageData;
     import { rand_array } from '$lib/js/randomize';
 </script>
-<IconLayout icons={data.icons}>
-<h2 slot=test>Rezepte mit {data.icon}</h2>
+<IconLayout icons={data.icons} active_icon={data.icon} >
 <Recipes slot=recipes>
 	{#each rand_array(data.season) as recipe}
 		<Card {recipe} icon_override=true></Card>

src/routes/rezepte/season/+page.svelte

@@ -11,8 +11,7 @@
     import { rand_array } from '$lib/js/randomize';
 </script>
 
-<SeasonLayout>
-<h2 slot=test>Rezepte des Monats </h2>
+<SeasonLayout active_index={current_month-1}>
 <Recipes slot=recipes>
 	{#each rand_array(data.season) as recipe}
 		<Card {recipe} {current_month}></Card>

src/routes/rezepte/season/[month]/+page.svelte

@@ -9,8 +9,7 @@
     let months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]
     import { rand_array } from '$lib/js/randomize';
 </script>
-<SeasonLayout>
-<h2 slot=test>Rezepte die im {months[data.month-1]} in Saison sind</h2>
+<SeasonLayout active_index={data.month -1}>
 <Recipes slot=recipes>
 	{#each rand_array(data.season) as recipe}
 		<Card {recipe} icon_override=true></Card>