fix: prevent empty recipe notes from displaying

Add trim check to ensure recipe notes only render when they contain non-whitespace content, preventing empty "Notiz" boxes from appearing on recipes.

src/lib/components/CategoryFilter.svelte

@@ -102,6 +102,7 @@
 
 	input {
 		all: unset;
+		box-sizing: border-box;
 		font-family: sans-serif;
 		background: var(--nord0);
 		color: var(--nord6);

src/lib/components/IconFilter.svelte

@@ -93,6 +93,7 @@
 
 	input {
 		all: unset;
+		box-sizing: border-box;
 		font-family: "Noto Color Emoji", emoji, sans-serif;
 		background: var(--nord0);
 		color: var(--nord6);

src/lib/components/Search.svelte

@@ -265,6 +265,7 @@
 <style>
 input#search {
   all: unset;
+  box-sizing: border-box;
   font-family: sans-serif;
   background: var(--nord0);
   color: #fff;

src/lib/components/SeasonFilter.svelte

@@ -114,6 +114,7 @@
 
 	input {
 		all: unset;
+		box-sizing: border-box;
 		font-family: sans-serif;
 		background: var(--nord0);
 		color: var(--nord6);

src/lib/components/TagFilter.svelte

@@ -111,6 +111,7 @@
 
 	input {
 		all: unset;
+		box-sizing: border-box;
 		font-family: sans-serif;
 		background: var(--nord0);
 		color: var(--nord6);

src/routes/[recipeLang=recipeLang]/[name]/+page.svelte

@@ -350,7 +350,7 @@ h4{
 			isLoggedIn={!!data.session?.user}
 		/>
 
-		{#if data.note}
+		{#if data.note && data.note.trim()}
 			<RecipeNote note={data.note}></RecipeNote>
 		{/if}
 </div>