Fix Header z-index

src/components/layout/Header.tsx

 import { Link } from "react-router-dom";
-import { STYLES } from "../../constants";
+import { STYLES, Z_INDEXES } from "../../constants";
 import type { WithClassName } from "../../utils/types";
 import classNames from "classnames";
 import NavigationHamburger from "./NavigationHamburger";
@@ -8,7 +8,9 @@ import ThemeToggle from "../widgets/ThemeToggle";
 
 export default function Header() {
 	return (
-		<div className="max-lg:fixed inset-x-0 top-0 bg-body-light dark:bg-body-dark lg:contents">
+		<div className="max-lg:fixed inset-x-0 top-0 bg-body-light dark:bg-body-dark lg:contents" style={{
+			zIndex: Z_INDEXES.HEADER,
+		}}>
 			<HeaderLogo className={`max-lg:hidden border-b ${STYLES.BORDER_COLOR}`} />
 			<header className={`flex flex-row items-center border-b ${STYLES.BORDER_COLOR} pr-4 sm:pr-8`}>
 				<HeaderLogo className="max-sm:hidden lg:hidden ml-5" />

src/constants.ts

@@ -17,6 +17,7 @@ export const STYLES = {
 export const NO_BREAK_SPACE = "\u00a0";
 
 export const Z_INDEXES = {
+	HEADER: 9000,
 	GLOBAL_OVERLAY: 10000,
 };