add Note field in recipe

src/routes/(rezepte)/rezepte/[name]/+page.svelte

@@ -10,6 +10,7 @@
 	import TitleImgParallax from '$lib/components/TitleImgParallax.svelte';
 	import { afterNavigate } from '$app/navigation';
     	import {season} from '$lib/js/season_store';
+	import RecipeNote from '$lib/components/RecipeNote.svelte';
 
     	export let data: PageData;
 
@@ -226,8 +227,10 @@ h4{
 				<a class=tag href="/rezepte/tag/{tag}">{tag}</a>
 			{/each}
 		</div>
-
-	</div>
+		{#if data.note}
+			<RecipeNote note={data.note}></RecipeNote>
+		{/if}
+</div>
 
 <div class=wrapper_wrapper>
 <div class=wrapper>

src/routes/(rezepte)/rezepte/edit/[name]/+page.svelte

@@ -4,11 +4,13 @@
 	import SeasonSelect from '$lib/components/SeasonSelect.svelte';
 	import '$lib/css/action_button.css'
 	import { redirect } from '@sveltejs/kit';
+	import EditRecipeNote from '$lib/components/EditRecipeNote.svelte';
 
     	export let data: PageData;
 	let preamble = data.recipe.preamble
 	let addendum = data.recipe.addendum
 	let image_preview_url="https://new.bocken.org/static/rezepte/thumb/" + data.recipe.short_name + ".webp"
+	let note = data.recipe.note
 
 	import { season } from '$lib/js/season_store';
 	import { portions } from '$lib/js/portions_store';
@@ -212,7 +214,8 @@
 					instructions,
 					ingredients,
 					addendum,
-					preamble
+					preamble,
+					note,
 				},
 				old_short_name,
 			headers: {
@@ -347,6 +350,7 @@ button.action_button{
 <div class=tags>
 <h4>Saison:</h4>
 <SeasonSelect></SeasonSelect>
+<EditRecipeNote><p contenteditable bind:innerText={note}></p></EditRecipeNote>
 </div>
 
 </div>