fix search input text to light and clean op the recipies list a bit

Author: Matthijz98

src/lib/components/public/recipes/RecipesList.svelte

@@ -29,19 +29,21 @@
 					{recipe.short_description}
 				</span>
 				<div class="flex gap-2">
-					<span>Bevat allergie:</span>
+					{#if recipe.includes_allergies.length > 0}
+						<span>Bevat allergie:</span>
+					{/if}
 					{#each recipe.includes_allergies ?? [] as allergy}
 						<span class="bg-blue-200 text-blue-800 text-xs font-semibold px-1 py-0.5 rounded">
 							{allergy.name}
 						</span>
 					{/each}
 				</div>
-				<hr class="border-gray-400 my-2" />
-				<div class="flex gap-2 justify-between">
+				<hr class="border-gray-400 my-1" />
+				<div class="flex gap-2 justify-between text-sm">
 					<span>Gemaakt op: {new Date(recipe.created_at).toLocaleDateString()}</span>
 					<span
-						>Van: <a href={`/gebruikers/${recipe.created_by.username}`}
-							>{recipe.created_by.username}</a
+						>Van: <a href={`/gebruikers/${recipe.created_by.title}`}
+							>{recipe.created_by.title}</a
 						></span
 					>
 				</div>

src/lib/components/public/search/Search.svelte

@@ -238,7 +238,7 @@
 	<div class="flex items-center gap-2">
 		<div class="relative min-w-0 flex-1">
 			<input
-				class={`block w-full max-w-full min-w-0 rounded border border-slate-300 bg-white pr-9 placeholder:font-medium placeholder:text-slate-500 focus:border-emerald-600 focus:ring-emerald-600 ${inputClasses}`}
+				class={`block w-full max-w-full min-w-0 rounded border border-slate-300 bg-white pr-9 text-black placeholder:font-medium placeholder:text-slate-500 focus:border-emerald-600 focus:ring-emerald-600 ${inputClasses}`}
 				bind:value={query}
 				bind:this={searchInput}
 				{autofocus}