Fix MobileNav state

src/components/Header.tsx

@@ -64,7 +64,7 @@ const Header: React.FC = () => {
         <HeaderLogo />
         <Navigation onMobileMenuOpen={handleMobileMenuClick} />
       </StyledHeader>
-      <NavigationMobile isOpen={mobileMenuOpen} />
+      <NavigationMobile mobileMenuOpen={mobileMenuOpen} />
     </Sticky>
   )
 }

src/components/NavigationMobile.tsx

@@ -33,11 +33,11 @@ const Nav = styled.nav`
 `;
 
 interface NavigationMobileProps {
-  isOpen?: boolean;
+  mobileMenuOpen?: boolean;
 }
 
-const NavigationMobile: React.FC<NavigationMobileProps> = ({ isOpen }) => (
-  <Nav hidden={isOpen}>
+const NavigationMobile: React.FC<NavigationMobileProps> = ({ mobileMenuOpen }) => (
+  <Nav hidden={!mobileMenuOpen}>
     {renderNavigationMobileItems()}
   </Nav>
 )