Fix blurry mobile menu by removing CSS transform from animation

src/components/mobile-nav.tsx

@@ -68,9 +68,9 @@ export function MobileNav({
 				role="menu"
 				className={`${
 					open
-						? "max-h-[80vh] opacity-100 translate-y-0"
+						? "max-h-[80vh] opacity-100"
-						: "max-h-0 opacity-0 translate-y-[-6px] pointer-events-none md:pointer-events-auto"
+						: "max-h-0 opacity-0 pointer-events-none md:pointer-events-auto"
-				} overflow-y-auto transition-[opacity,transform] duration-200 ease-out md:!max-h-none md:!opacity-100 md:!translate-y-0 md:!overflow-visible md:flex md:items-center md:gap-x-1 w-full md:w-auto`}
+				} overflow-y-auto transition-opacity duration-200 ease-out md:!max-h-none md:!opacity-100 md:!overflow-visible md:flex md:items-center md:gap-x-1 w-full md:w-auto`}
 				style={{ backgroundColor: "var(--color-navbar)" }}
 			>
 				<div