Алексей Ярков

Замените while на for и смотрите на счётчик. Если он равен 0, то добавляем класс. Что-то типа такого:

<label class="logo-brand<?php i === 0 ? ' active' : ''?>">

В JS надо получить все элементы, циклом пройти навесить обработчик. В обработчике сначала удаляем класс у всех элементов, а потом присваиваем выбранному.

Google forms

const enum ResponseHeadersMapping {
  totalCount = 'X-Total-Count',
  link = 'Link',
}

type ResponseHeaders = {
  [key in ResponseHeadersMapping]: string
}

const variable: ResponseHeaders = {
  [ResponseHeadersMapping.totalCount]: 'totalCount',
  [ResponseHeadersMapping.link]: 'link',
};

Как-то так, но вам в комментариях написали уже, что это странно.

На любом значке правую кнопку мыши нажми и верни проводник

Анимировать через CSS, а в JS манипулировать классами

Вам английским по черному написали что сделать надо

Вам никто не говорил, что id элементов не должны быть одинаковые? Само название атрибута как бы намекает на это ))

Ну в Postman посмотрите какие заголовки отправляются и сделайте также.

Как Map запоминает адрес ключа, который является объектом?

По ссылке

Если вы разрешение спрашиваете, то благословляю. Если вопрос о технической возможности, то ответ "да, можно".