"use client"; import Logo from "@/components/Logo"; import { headerLinks } from "@/constants"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { Menu, Moon, Sun, X } from "lucide-react"; import { useTheme } from "next-themes"; import { useEffect, useState } from "react"; import PropTypes from "prop-types"; function Header({ links }) { const pathname = usePathname(); return (