just started rewritig the project, found a lot of fails

src/Widgets/Navbar/Navbar.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import "./Navbar.scss";
+import Image from "next/image";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import logo from "@/shared/assets/logo.svg";
+import { LINKS } from "@/shared/variables/links";
+import NavLanguage from "./NavLanguage/NavLanguage";
+import NavAuth from "./NavAuth/NavAuth";
+import menu from "./icons/menu.svg";
+import cross from "./icons/cross.svg";
+
+import NavMenu from "./NavMenu/NavMenu";
+import { useState } from "react";
+
+const Navbar = () => {
+  const pathname = usePathname();
+  const [openMenu, setOpenMenu] = useState<boolean>(false);
+
+  return (
+    <section className="navbar">
+      <Link href="/">
+        <Image src={logo} alt="Logo" />
+      </Link>
+
+      <nav className="navbar__links">
+        {LINKS.map((link) => (
+          <Link
+            className={`navbar__link${
+              pathname === link.pathname ? "_active" : ""
+            }`}
+            key={link.id}
+            href={link.pathname}
+          >
+            {link.pagename}
+          </Link>
+        ))}
+      </nav>
+
+      <div className="navbar__lang-and-auth">
+        <NavLanguage />
+        <NavAuth />
+      </div>
+
+      <button
+        onClick={() => setOpenMenu((prev) => !prev)}
+        className="navbar__menu"
+      >
+        <Image src={openMenu ? cross : menu} alt="menu icon" />
+      </button>
+
+      {openMenu && <NavMenu />}
+    </section>
+  );
+};
+
+export default Navbar;