Максим Морев

Архив смотреть лень, но по видео - вероятнее всего, это не баг, а динамический коллтрекинг.
Много сервисов предоставляют подобные штуки, статью взял первую попавшуюся из гугла - эталонным исполнением считать не стоит. :)

Выглядит так, что ваша третья строчка вызывается до того, как завершил работу обработчик из первых двух.
Поставьте задержку в полсекунды.

document.getElementById("top_audio_player").dispatchEvent(new MouseEvent("mousedown"));
document.getElementById("top_audio_player").dispatchEvent(new MouseEvent("mousedown"));
setTimeout(() => {
  console.log(document.getElementsByClassName("audio_page_player_title_performer")[0].childNodes[0].innerHTML);
}, 500);

Совершенно очевидно, что Pagespeed гоняет тесты на более слабой машине, чем у вас.

Смешались в кучу кони, люди...
Давайте по порядку.

Должен ли UX/UI дизайнер знать компоненты таких фреймворков как React и Vue

Если команда разработчиков заранее знает, что будут использовать какой-нибудь набор готовых компонентов для работы (Vuetify, Material UI, etc), то дизайнер должен их знать и использовать как основу, дабы не плодить лишних сущностей, так как без боли эти компоненты можно разве что перекрашивать.

подготавливать макет прямо на React, но без логики

"Макет на React без логики" - это вёрстка.
И боже упаси, чтобы это делал дизайнер - с этим и большинство фронтов так себе справляется (во многом потому, что через 3 месяца работы над пет-проектом говорят "я уже хорошо знаю HTML и CSS, пошёл учить Реакт и получать ЗП в 200+", ха-ха).

не зная можно ли вообще реализовать такой календарь

Реализовать в принципе можно почти всё что угодно, вопрос кому оно нужно и кто готов за это платить.

но наверное какие-то основы, работу с NPM, CSS/SASS препроцессоры он должен знать?

Очень хорошо, когда дизайнер имеет представление о том, как результат его труда в дальнейшем будет реализован. Но с набором технологий вы сильно дали маху - это всё очень профильные вещи, которые толком изучить - отдельная профессия.

Я не встречал дизайнеров, которые умели бы хорошо верстать. Но встречал и работаю с такими, которые имеют представление о том, что можно сделать, а что нельзя. Насколько сложно сделать то или иное.
Но знание это берётся не из своих попыток поверстать, а от большого опыта работы и анализа фидбэка от профильных специалистов.
Нарисовал макет - получил от верстальщика линейкой по рукам "нельзя использовать режимы наложения в фотошопе" (на данный момент пример неактуальный, но в своё время был очень частый и показательный кейс).
Закрепил, больше так не делаешь. Со временем эти шишки набиваются и делаешь уже нормально.
На таком уровне знать - достаточно.

Вообще такое ощущение, что все вокруг просто на самом деле ничего толково делать не умеют, но пытаются себе цену добавить мнимым знанием кучи всего. Сфокусируйтесь на одном чём-нибудь.
Человеку, который делает гениальный дизайн, прощают всё - сложный характер, срывы сроков, никакую структуру файлов, Layer1-layer2 - и возвращаются к нему снова, потому что это профессионал в своём деле, и нет совершенно никакой нужды добавлять себе стоимость второстепенными навыками. Разве что самому интересно..