wifftees

Реализуй массив товаров, каждый из которых будет являться объектом, для каждого пропиши к каким критериям он соответствует. Например вот так:

{
  profession: false,
  videoCourse: false,
  any: true,
}

Дальше при рендеринге компонента просто запускай фильтрацию по всем товарам(главное вынеси всю логику в отдельный хук)

Ты сделал весь функционал, просто неправильно в css прописал.
Допиши

.active {
  background-color: #009EFF;
}