Сергей delphinpro

Можно просто использовать переменную в замыкании

document.querySelectorAll('.button').forEach(button => {
  button.addEventListener('click', () => {
     button.toggleClass('active');
  });
});

Ну или референс из события

document.querySelectorAll('.button').forEach(button => {
  button.addEventListener('click', event => {
     event.target.toggleClass('active');
     // Или так, если есть вложенные элементы
     // event.target.closest('.button').toggleClass('active');
  });
});

Хотите делать spa - делайте. блэйд будет не нужен.
spa может использовать аутентификацию через токены, обычно так и делается. Тут уж никакую "авторизацию через php" не прикрутишь, ибо нет никакой сессии, состояние не хранится на сервере.
spa также может использовать аутентификацию на сессиях. Немного не "как у всех", но имеет место быть. здесь можете прикрутить отдельные страницы/шаблоны логина, если очень хочется.

Заменить на $request['content']

Вообще мне не понятно, для чего сделан объектный доступ к переменным запроса. Возможно это используется внутри, или наследие прошлого. Но использовать его в приложении - так себе идея. Есть методы get(), input(), реализован ArrayAccess.

Зачем парсить?

JSON - JavaScript Object Notation
Это уже готовый объект

var colors = <?= json_encode($colors) ?>;

const pName = prompt('Введите имя первого человека');
const pAge = prompt('Введите возраст первого человека');
const secName = prompt('Введите имя второго человека');
const secAge = prompt('Введите возраст второго человека');

const person1 = new Person(pName, pAge);
const person2 = new Person(secName, secAge);

const car1 = new Car('sedan', 'petrol','rear brakes','hunday', [person1]); 
const car2 = new Car('van', 'diesel', 'rear brakes','nisan', [person1, person2]);

const garag1 = new Garag ('Cindy', '2 Cars', [person1], [car1,car2]);
const garag2 = new Garag ('Jon', '1 Cars', [person2], [car2]);

console.log(garag1,person1,car1,car2);

Поменяйте пару событий mouseover/mouseout на mouseenter/mouseleave

Заменить див на кнопку (потому что по сути – это кнопка) и дисейблить ее по клику.

NPM не выдает тексты на русском языке.
Выбрасывайте свою поделку и ставьте через нормальную консоль

https://codepen.io/delphinpro/pen/BEZgwR

Http Basic Authentification
Настраивается на сервере. Вызывается браузером автоматически, если сервер требует такую аутентификацию.
Для php https://www.php.net/manual/ru/features.http-auth.php

Делайте делегирование правильно https://qna.habr.com/q/1235504

const o = e.target.closest('.blog__item')