feat: enhance template visual

src/components/layout/Navbar.tsx

@@ -77,7 +77,7 @@ export default function Navbar() {
 
   return (
     <>
-      <nav className="fixed top-0 w-full z-50 bg-primary text-primary transition-theme">
+      <nav className="fixed top-0 w-full z-50 h-[var(--header-height)] bg-primary text-primary transition-theme">
         <div className="w-full flex justify-between items-center px-4 sm:px-6 py-4 transition-theme">
           {/* Logo */}
           <Link
@@ -126,7 +126,7 @@ export default function Navbar() {
       <div
         ref={menuRef}
         className={`
-          fixed top-[75px] left-0 z-40
+          fixed top-[var(--header-height)] left-0 z-40
           w-full md:w-64 md:left-auto md:right-6
           origin-top transition-all duration-100
           ${open ? 'opacity-100 scale-y-100' : 'opacity-0 scale-y-0 pointer-events-none'}