Some style fixes

src/components/Header.tsx

@@ -7,7 +7,7 @@ import breakpoints from "@theme/breakpoints";
 import NavigationMobile from "./NavigationMobile";
 import HeaderLogo from "./HeaderLogo";
 
-const StyledHeader = styled.header<{isHidden?: boolean}>`
+const StyledHeader = styled.header`
   display: flex;
   flex-flow: row nowrap;
   @media screen and (max-width: ${breakpoints.mobile}) {
@@ -15,7 +15,7 @@ const StyledHeader = styled.header<{isHidden?: boolean}>`
   }
 `;
 
-const Sticky = styled.div`
+const Sticky = styled.div<{$isHidden?: boolean}>`
   position: sticky;
   top: 0;
   z-index: 10;
@@ -24,7 +24,7 @@ const Sticky = styled.div`
   background-color: ${colors.darkBlue};
   transition: all 200ms ease-out;
 
-  ${(p) => p.isHidden ? (`
+  ${(p) => p.$isHidden ? (`
     transition: all 200ms ease-in;
     transform: translateY(-100%);
   `) : null}
@@ -60,8 +60,8 @@ const Header: React.FC = () => {
 
 
   return (
-    <Sticky>
-      <StyledHeader isHidden={isHidden}>
+    <Sticky $isHidden={isHidden}>
+      <StyledHeader>
         <HeaderLogo />
         <Navigation onMobileMenuOpen={handleMobileMenuClick} />
       </StyledHeader>