fix: warnings

src/components/header.js

@@ -26,50 +26,3 @@ export default function Header({ image, children }) {
     </Container>
   );
 }
-/*
-
-import React, { useState } from "react";
-import styled from "@emotion/styled";
-import MenuButton from "./menu-button";
-import Nav from "./nav";
-
-const Container = styled.header`
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 10;
-  display: flex;
-  background-color: rgba(0, 0, 0, 0.25);
-  color: white;
-`;
-
-const Content = styled.div`
-  max-width: var(--theme-max-width);
-  flex-grow: 1;
-  margin: 0 auto;
-  padding: 0 var(--spacing-x-xs);
-`;
-
-const Menu = styled.div`
-  padding: 0 var(--spacing-x-xs);
-  @media (min-width: 40rem) {
-    display: none;
-  }
-`;
-
-export default function Header() {
-  const [navOpen, setNavOpen] = useState();
-  const handleMenuClick = () => setNavOpen(!navOpen);
-  return (
-    <Container>
-      <Content>
-        <Nav open={navOpen} setOpen={setNavOpen} />
-      </Content>
-      <Menu>
-        <MenuButton onClick={handleMenuClick} />
-      </Menu>
-    </Container>
-  );
-}
-*/