Source: scripts/templates/header.template.js

/**
 * Returns an HTML template for the header component.
 *
 * @returns {string} The HTML template.
 */
function getHeaderTemplate() {
  return /*html*/ `
        <h2 class="inter-extralight heading-text">Kanban Project Management Tool</h2>
        <img class="header-respo-logo" src="./assets/svg/logo.svg" alt="Join Logo">
        <div class="header-right">
            ${
              currentUser.isLoggedIn
                ? /*html*/ `
                <a href="./help.html"><img class="qeustion-mark" src="./assets/svg/help.svg" /></a>
                <button id="profile-menu-toggler" onclick="openProfileMenu()" type="button" class="btn btn-profile">
                  <span class="inter-medium">${getInitialsFromContact(currentUser).toUpperCase()}</span>
                </button>
                `
                : ""
            }
          <div id="profile-menu" class="profile-menu d_none">
            <button onclick="window.location.href='./help.html'" class="inter-extralight">Help</button>
            <button onclick="window.location.href='./legal-notice.html'" class="inter-extralight">Legal Notice</button>
            <button onclick="window.location.href='./policy.html'" class="inter-extralight">Privacy Policy</button>
            <button onclick="logout()" class="inter-extralight">Log Out</button>
          </div>
        </div>
    `;
}