const buttonNavbarToggle = document.querySelector("#navbar-toggle");

function toggleNavbar() {
  const main = document.querySelector("main");
  const navbar = document.querySelector("#navbar");

  if (main.classList.contains("sm:ml-[111px]")) {
    navbar.classList.add("hidden");
    main.classList.remove("sm:ml-[111px]");
    main.classList.add("sm:ml-[36px]");
  } else {
    navbar.classList.remove("hidden");
    main.classList.remove("sm:ml-[36px]");
    main.classList.add("sm:ml-[111px]");
  }
}

buttonNavbarToggle?.addEventListener("click", toggleNavbar);