run lint/format

Author: chantalwuer

src/lib/Sidebar.svelte

@@ -6,9 +6,12 @@
 		children?: import('svelte').Snippet;
 	}
 
-	let { children, className}: Props = $props();
+	let { children, className }: Props = $props();
 </script>
 
-<div id="sidebar" class={clsx("flex h-full w-1/3 flex-col place-content-stretch gap-4 2xl:w-1/4", className)}>
+<div
+	id="sidebar"
+	class={clsx('flex h-full w-1/3 flex-col place-content-stretch gap-4 2xl:w-1/4', className)}
+>
 	{@render children?.()}
 </div>

src/lib/StatsTable.svelte

@@ -32,7 +32,7 @@
 				<th>Allocation method</th>
 				{#each Object.values(allocationMethods) as { label }}
 					<th>
-						{#if label==='Grandfathering'}
+						{#if label === 'Grandfathering'}
 							<span class={grandfatheringColor}>{label}</span>
 						{:else}
 							{label}
@@ -45,16 +45,16 @@
 			<tr>
 				<th>2030 reductions<br />relative to 2015</th>
 				{#each Object.keys(allocationMethods) as id}
-					<td class={id==='GF' ? grandfatheringColor : ""}>
-							{reductions[id][2030] === null ? '-' : $tweenedReductions[id][2030].toFixed(0)}%
+					<td class={id === 'GF' ? grandfatheringColor : ''}>
+						{reductions[id][2030] === null ? '-' : $tweenedReductions[id][2030].toFixed(0)}%
 					</td>
 				{/each}
 			</tr>
 			<tr>
 				<th>2040 reductions<br />relative to 2015</th>
 				{#each Object.keys(allocationMethods) as id}
-					<td class={id==='GF' ? grandfatheringColor : ""}>
-							{reductions[id][2040] === null ? '-' : $tweenedReductions[id][2040].toFixed(0)}%
+					<td class={id === 'GF' ? grandfatheringColor : ''}>
+						{reductions[id][2040] === null ? '-' : $tweenedReductions[id][2040].toFixed(0)}%
 					</td>
 				{/each}
 			</tr>