auth-state.js

(() => {
    const headerAuthName = document.querySelector('.header__auth .auth__name');

    if (headerAuthName) {
        const headerStateMenu = document.querySelector('.state-menu');

        headerAuthName.addEventListener('mouseover', () => {
            headerStateMenu.style.display = 'block'
        });

        headerStateMenu.addEventListener('mouseleave', () => {
            headerStateMenu.style.display = 'none'
        })
    }
})();