fix: hidden link in portrait style

Author: jaybuidl

web/src/layout/Header/navbar/Explore.tsx

@@ -61,7 +61,7 @@ const links = [
 
 const Explore: React.FC = () => {
   const location = useLocation();
-  const { toggleIsOpen } = useOpenContext();
+  const { isOpen, toggleIsOpen } = useOpenContext();
 
   return (
     <Container>
@@ -77,15 +77,17 @@ const Explore: React.FC = () => {
           </StyledLink>
         </LinkContainer>
       ))}
-      <LinkContainer>
-        <HiddenLink
-          to="/disputeTemplate"
-          onClick={toggleIsOpen}
-          isActive={location.pathname.startsWith("/disputeTemplate")}
-        >
-          Dev
-        </HiddenLink>
-      </LinkContainer>
+      {!isOpen && (
+        <LinkContainer>
+          <HiddenLink
+            to="/disputeTemplate"
+            onClick={toggleIsOpen}
+            isActive={location.pathname.startsWith("/disputeTemplate")}
+          >
+            Dev
+          </HiddenLink>
+        </LinkContainer>
+      )}
     </Container>
   );
 };