Fix blurry mobile nav: use block/hidden instead of max-h transition, add will-change to sticky nav

src/components/navigation.tsx

@@ -16,7 +16,7 @@ export async function Navigation() {
 	return (
 		<nav
 			className="sticky top-0 z-40 shadow-sm"
-			style={{ backgroundColor: "var(--color-navbar)" }}
+			style={{ backgroundColor: "var(--color-navbar)", willChange: "transform" }}
 		>
 			<div className="relative mx-auto flex min-h-[56px] max-w-7xl items-center px-4 md:px-6 gap-x-1">
 				<div