feat: refine portfolio showcase, services and quality lab

Align the notebook browser with the physical LCD, refresh real project captures and navigation, simplify service content, and stabilize hero hydration.

app/components/Header.tsx

@@ -15,16 +15,14 @@ export function Header() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const menuButtonRef = useRef<HTMLButtonElement>(null);
 
-  const closeMobileMenu = () => {
-    setMobileMenuOpen(false);
-    menuButtonRef.current?.focus();
-  };
+  const closeMobileMenu = () => setMobileMenuOpen(false);
 
   const handleMenuKeyDown = (event: KeyboardEvent<HTMLElement>) => {
     if (event.key !== "Escape") return;
 
     event.preventDefault();
     closeMobileMenu();
+    menuButtonRef.current?.focus();
   };
 
   return (
@@ -119,7 +117,10 @@ export function Header() {
                     href={CV_URL}
                     download={CV_DOWNLOAD_NAME}
                     className="ds-link ds-link-accent mt-sp-2 inline-flex rounded-sm font-semibold"
-                    onClick={closeMobileMenu}
+                    onClick={() => {
+                      closeMobileMenu();
+                      menuButtonRef.current?.focus();
+                    }}
                     strength={0.15}
                   >
                     Download CV