fix: prevent input field overflow on mobile by ensuring equal margins

Adds box-sizing: border-box to all filter inputs after 'all: unset' to ensure padding is included within the 100% width calculation, preventing horizontal overflow and ensuring equal left/right margins on small screens.

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);