/function main() {
    window.dispatchEvent(new CustomEvent("initState"));
    window.dispatchEvent(new CustomEvent("initComponentsManager"));

    window.componentsManager.addListener('HEADER', 'DID_MOUNT', () => {
        const { player } = window.getState().player

        if(!player) return

        const userAvatar = `
            <div style="border-radius: 50%; border: 1px dashed var(--accent-color-800); width: 38px; height: 38px">
                <img style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%;" src="${player.avatar}"></img>
            </div>
        `

        const profileLink = document.querySelector('.PlayerMenu-module__profileLink')

        profileLink.insertAdjacentHTML('beforebegin', userAvatar)
    })

    window.componentsManager.load()
}

if(window.isAppReady) {
  main()
} else {
    window.addEventListener('appReady', () => {
    main()
  })
}