Get rid of class directives

Author: WarningImHack3r

src/lib/components/renderers/ListElementRenderer.svelte

@@ -43,9 +43,13 @@
 
 <li
 	bind:this={data}
-	class:dark:font-bold={data?.innerText.startsWith("breaking:")}
-	class:font-semibold={data?.innerText.startsWith("breaking:")}
-	class="group *:inline"
+	class={[
+		"group *:inline",
+		{
+			"dark:font-bold": data?.innerText.startsWith("breaking:"),
+			"font-semibold": data?.innerText.startsWith("breaking:")
+		}
+	]}
 >
 	{@render children?.()}
 	{#if allLinks.length > 0}

src/routes/+layout.svelte

@@ -137,8 +137,12 @@
 	class="sticky top-0 z-40 w-full bg-background/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-background/60"
 >
 	<div
-		class="border-b transition-colors duration-500"
-		class:border-transparent={!newsToDisplay && scrollY < 25}
+		class={[
+			"border-b transition-colors duration-500",
+			{
+				"border-transparent": !newsToDisplay && scrollY < 25
+			}
+		]}
 	>
 		<div class="mx-auto flex h-14 w-full items-center px-8">
 			<!-- Left part -->