Quality of life update & package migrations. Use Vercel as default adapter (#67)

* Update all packages
* Manual migration to SkeletonUI v4.8.0. Event elements has breaking tabs underline highlight
* Remove unused dependencies & Let Prettier clean everything
* Minor misc styling update

src/components/event/EventBlock.svelte

@@ -95,7 +95,7 @@
 
 		<!-- Gradient overlay -->
 		<div
-			class="absolute inset-0 bg-gradient-to-b from-transparent via-ecsess-800/30 to-ecsess-950"
+			class="via-ecsess-800/30 to-ecsess-950 absolute inset-0 bg-gradient-to-b from-transparent"
 		></div>
 
 		<!-- Badges -->
@@ -139,9 +139,7 @@
 	<div class="flex flex-1 flex-col p-6">
 		<!-- Description -->
 		{#if eventDescription}
-			<div
-				class="text-ecsess-100 mb-6 line-clamp-5"
-			>
+			<div class="text-ecsess-100 mb-6 line-clamp-5">
 				<RichText value={eventDescription} />
 			</div>
 		{/if}

src/components/event/EventTabControl.svelte

@@ -1,12 +0,0 @@
-<script>
-	import { Tabs } from '@skeletonlabs/skeleton-svelte';
-    let { value, children } = $props();
-</script>
-
-<Tabs.Control
-	{value}
-	classes="hover:border-b-ecsess-200 border-b-4 transition-all ease-in-out pb-2 text-lg  active:border-b-ecsess-500 px-2"
-	stateActive="border-b-ecsess-400"
->
-	{@render children()}
-</Tabs.Control>

src/components/event/EventTabsContent.svelte

@@ -54,11 +54,11 @@
 
 	const isPastEvent = (dateString: string): boolean => {
 		const eventDate = parseEventDate(dateString);
-	    // Add 1 day to the event date
+		// Add 1 day to the event date
 		const now = new Date();
-	    const eventDatePlusOneDay = new Date(eventDate.getTime() + 24 * 60 * 60 * 1000);
-	
-	    return now > eventDatePlusOneDay;
+		const eventDatePlusOneDay = new Date(eventDate.getTime() + 24 * 60 * 60 * 1000);
+
+		return now > eventDatePlusOneDay;
 		// return eventDate < now;
 	};
 
@@ -77,7 +77,7 @@
 	);
 </script>
 
-<Tabs.Panel {value}>
+<Tabs.Content {value}>
 	<div class="space-y-12 px-4 py-8 lg:px-8">
 		<!-- Upcoming Events -->
 		{#if upcomingEvents.length > 0}
@@ -139,4 +139,4 @@
 			</div>
 		{/if}
 	</div>
-</Tabs.Panel>
+</Tabs.Content>

src/components/event/EventTabsTrigger.svelte

@@ -0,0 +1,15 @@
+<script>
+	import { Tabs } from '@skeletonlabs/skeleton-svelte';
+	let { value, children } = $props();
+</script>
+
+<Tabs.Trigger {value}>
+	{#snippet element(attributes)}
+		<button
+			{...attributes}
+			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"
+		>
+			{@render children()}
+		</button>
+	{/snippet}
+</Tabs.Trigger>