update event tab and edit event card

src/components/event/EventTabsTrigger.svelte

@@ -1,5 +1,5 @@
 <script>
-	let { value, onclick, children } = $props();
+	let { value, selected, onclick, children } = $props();
 
 </script>
 
@@ -7,7 +7,7 @@
 	<button
 		{value}
 		onclick={() => onclick(value)}
-		class="hover:border-b-ecsess-200 data-[state=active]:border-b-ecsess-400 border-b-4 border-b-transparent px-2 pb-2 text-lg transition-all ease-in-out"
+		class="hover:border-b-ecsess-200 {selected ? 'border-b-ecsess-200' : 'border-b-transparent'} border-b-4  px-2 pb-2 text-lg transition-all ease-in-out"
 	>
 		{@render children()}
 	</button>