Merge branch 'main' into office-hour

src/routes/+page.svelte

@@ -6,6 +6,10 @@
 
 	/** loading things from the server side */
 	let { data } = $props();
+
+	// Temporary progress bar. Update the value below!
+	import { Progress } from '@skeletonlabs/skeleton-svelte';
+	let progress = 60;
 </script>
 
 <title> McGill ECSESS </title>
@@ -17,6 +21,14 @@
 		<div id="test">
 			<PortableText value={data.description} />
 		</div>
+
+		<br />
+		<p class="italic">
+			Current development progress: {progress}%
+		</p>
+		<div id="progress" class="w-[80vw] lg:w-1/2 border-2">
+			<Progress value={progress} max={100} meterBg="bg-ecsess-200" height="h-4"></Progress>
+		</div>
 	</div>
 </Section>
 

src/routes/events/+page.svelte

@@ -13,8 +13,10 @@
 			<p>{event.name}</p>
 			<p>{event.date}</p>
 			<p>{event.location}</p>
-			<PortableText value={event.description} />
+			{#if event.description}
-            Category:
+				<PortableText value={event.description} />
+			{/if}
+			Category:
 			<div class="list">
 				<ul class="list-inside list-disc space-y-2">
 					{#each event.category as cat}