mikhavital

await waitFor(() => screen.getByText('Projects'), {
        timeout: 3000
      })

Но таймаут и тут и там можно смело меньше сделать (или вообще убрать), нет смысла лишний раз ждать.

Если вы не используется ol или ul, то зачем ломать семантику и добавлять li? Оборачивать в div то же не обязательно, просто в btns-container можете добавить свойства grid'а или flex'а и наслаждаться нормальным отображением.

Давайте начнём с

requestAnimationFrame(() => {
 cursor.style.left =  `${event.pageX}px`
 cursor.style.top =  `${event.pageY}px`  
})

А вообще тормозит из-за того, что событие вызывется супер часто, а там стоит transition на курсор.

И можно ещё добавить на .cursor will-change: position;

p.s. ну а ответ на поставленный вопрос есть в самом вопросе.

в разных средах

Кто его знает что у Вас там ещё локально и сколько там контента и тд.