avoid header bar flashing on load

web/src/components/layout/Header.tsx

@@ -10,6 +10,7 @@ import { useInView } from "react-intersection-observer";
 export const Header = () => {
   const { ref: observer, inView: isInView } = useInView({
     triggerOnce: false,
+    initialInView: true,
   });
 
   const [showMenu, setShowMenu] = useState(false);