feat(portfolio): add hero command deck with canvas signal grid

components/portfolio/Hero.tsx

@@ -6,16 +6,16 @@ import { HeroCanvas } from "./HeroCanvas";
 
 const paletteEventName = "blacksite:palette";
 
-export function Hero() {
-  const shouldReduceMotion = useReducedMotion();
-
-  const openCommandPalette = () => {
+function openCommandPalette() {
   if (typeof window === "undefined") {
     return;
   }
 
   window.dispatchEvent(new CustomEvent(paletteEventName));
-  };
+}
+
+export function Hero() {
+  const shouldReduceMotion = useReducedMotion();
 
   return (
     <section

components/portfolio/HeroCanvas.tsx

@@ -176,8 +176,10 @@ export function HeroCanvas() {
     };
 
     resize();
+    if ("ResizeObserver" in window) {
       resizeObserver = new ResizeObserver(resize);
       resizeObserver.observe(canvas);
+    }
     window.addEventListener("resize", resize, { passive: true });
 
     if (!shouldReduceMotion) {