refactor: rename header element

Author: steadyfall

site/src/components/Header.tsx

@@ -23,7 +23,7 @@ const Header = ({name, pronouns, currentEducation, currentJob, githubLink, linke
     useEffect(() => { setTimeout(() => { setCopiedId(undefined); }, 3000) }, [copied]);
 
     return (
-        <header className="container mx-auto py-8">
+        <div className="container mx-auto py-8">
             <div className="flex flex-col md:flex-row items-center justify-between">
                 <BlurFade delay={BLUR_FADE_DELAY}>
                     {(!isDesktop) && (
@@ -139,7 +139,7 @@ const Header = ({name, pronouns, currentEducation, currentJob, githubLink, linke
                     </ul>
                 </nav>
             </BlurFade> */}
-        </header>
+        </div>
   )
 }
 

site/src/components/Navbar.tsx

@@ -5,7 +5,7 @@ const Navbar = () => {
     const completion = useReadingProgress();
 
     return (
-        <div className="sticky top-0 z-50 py-6 backdrop-blur-xl mx-auto max-w-full px-4 sm:px-12 md:px-16 lg:max-w-5xl xl:max-w-6xl 2xl:max-w-7xl">
+        <header className="sticky top-0 z-50 py-6 backdrop-blur-xl mx-auto max-w-full px-4 sm:px-12 md:px-16 lg:max-w-5xl xl:max-w-6xl 2xl:max-w-7xl">
                 <nav className="flex items-center justify-between">
                     <ul className="flex gap-4 sm:gap-8">
                         <li><a href="/" className="hover:underline hover:underline-offset-4">home</a></li>
@@ -17,7 +17,7 @@ const Navbar = () => {
                         <ThemeSwitch />
                     </div>
                 </nav>
-        </div>
+        </header>
     )
 }