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/layout/Footer.svelte

@@ -42,14 +42,12 @@
 		<div class="mb-6 grid grid-cols-1 gap-6 md:grid-cols-3">
 			<!-- Left: ECSESS Lounge -->
 			<div class="border-ecsess-800 border-b-1 pb-4 text-center md:border-0 md:text-left">
-				<p class="text-ecsess-300 mb-3 text-lg">
-					Visit the ECSESS lounge!
-				</p>
+				<p class="text-ecsess-300 mb-3 text-lg">Visit the ECSESS lounge!</p>
 				<a
 					href="https://maps.app.goo.gl/m9ZqjTrPM7pcBzhbA"
 					target="_blank"
 					rel="noopener noreferrer"
-					class="text-ecsess-300 hover:text-ecsess-100 border-b-1 border-b-transparent hover:border-b-ecsess-100 inline-flex items-center gap-2 justify-baseline transition-all pb-0.5"
+					class="text-ecsess-300 hover:text-ecsess-100 hover:border-b-ecsess-100 inline-flex items-center justify-baseline gap-2 border-b-1 border-b-transparent pb-0.5 transition-all"
 				>
 					<svg
 						class="h-4 w-4 flex-shrink-0"

src/components/layout/NavButton.svelte

@@ -7,7 +7,7 @@
 	const isActive = $derived(page.url.pathname === href);
 </script>
 
-<a {href} class="w-auto mx-1">
+<a {href} class="mx-1 w-auto">
 	<button
 		class="hover:text-ecsess-100 hover:border-ecsess-100 text-ecsess-200 text-shadow-xl active:border-ecsess-500
             active:text-ecsess-500 mx-0.5 w-full rounded-none border-b-4 px-6 py-2

src/components/layout/SeoMetaTags.svelte

@@ -5,7 +5,8 @@
 		canonical = 'https://ecsess.mcgilleus.ca'
 	} = $props();
 
-	let thumbnail = "https://cdn.sanity.io/images/vmtsvpe2/production/5d68504038cc692805dc5e51af83adedfefde442-5304x3443.jpg?h=628&fm=webp";
+	let thumbnail =
+		'https://cdn.sanity.io/images/vmtsvpe2/production/5d68504038cc692805dc5e51af83adedfefde442-5304x3443.jpg?h=628&fm=webp';
 </script>
 
 <svelte:head>