style: format code biome

src/components/theme-switcher.tsx

@@ -9,32 +9,34 @@ import { useState } from "react";
  * theme before paint to avoid a flash — this component only reflects/toggles it.
  */
 export function ThemeSwitcher() {
-  const [dark, setDark] = useState(
-    () => typeof window !== "undefined" && document.documentElement.classList.contains("dark"),
-  );
+	const [dark, setDark] = useState(
+		() =>
+			typeof window !== "undefined" &&
+			document.documentElement.classList.contains("dark"),
+	);
 
-  function toggle() {
-    const next = !dark;
-    setDark(next);
-    document.documentElement.classList.toggle("dark", next);
-    try {
-      localStorage.setItem("theme", next ? "dark" : "light");
-    } catch {
-      /* private mode / storage disabled — runtime toggle still works */
-    }
-  }
+	function toggle() {
+		const next = !dark;
+		setDark(next);
+		document.documentElement.classList.toggle("dark", next);
+		try {
+			localStorage.setItem("theme", next ? "dark" : "light");
+		} catch {
+			/* private mode / storage disabled — runtime toggle still works */
+		}
+	}
 
-  return (
-    <button
-      type="button"
-      onClick={toggle}
-      className="nav-item cursor-pointer text-lg leading-none px-2"
-      aria-label={dark ? "Switch to light mode" : "Switch to dark mode"}
-      title={dark ? "Light mode" : "Dark mode"}
-    >
-      <span aria-hidden className="text-lg leading-none">
-        {dark ? "☀" : "☾"}
-      </span>
-    </button>
-  );
+	return (
+		<button
+			type="button"
+			onClick={toggle}
+			className="nav-item cursor-pointer text-lg leading-none px-2"
+			aria-label={dark ? "Switch to light mode" : "Switch to dark mode"}
+			title={dark ? "Light mode" : "Dark mode"}
+		>
+			<span aria-hidden className="text-lg leading-none">
+				{dark ? "☀" : "☾"}
+			</span>
+		</button>
+	);
 }