Кирилл

Главное что хочу - обойтись одним контейнером у карточек

display: grid;
  grid-template-columns: min-content 1fr;

Object.values(Object.fromEntries(arr.map(n => [ n.user.id, n ])))

// или, если в результирующий массив должны попадать те из "одинаковых" элементов,
// что расположены в исходном массиве первыми

Object.values(arr.reduce((acc, n) => (acc[n.user.id] ??= n, acc), {}))

// или, если также надо сохранять взаимное расположение элементов

arr.filter(function({ user: { id: n } }) {
  return !(this[n] = this.hasOwnProperty(n));
}, {})

function* unique(data, key = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const keys = new Set;

  for (const n of data) {
    const k = getKey(n);
    if (!keys.has(k)) {
      keys.add(k);
      yield n;
    }
  }
}

Array.from(unique([{id: 1}, {id: 2}, {id: 1}, {id: 1} ], 'id')) // [{id: 1}, {id: 2}]

for (const n of unique(Array(20).keys(), n => Math.sqrt(n) | 0)) {
  console.log(n); // 0 1 4 9 16
}

const chunks = (arr, chunkSize) => Array.from(
  { length: Math.ceil(items.length / chunkSize) },
  (n, i) => items.slice(i * chunkSize, (i + 1) * chunkSize)
);

const Card = props => (
  <div className="style-review__slide-row">
    <a className="style-card style-review__style-card" href="#">
      <div className="style-card__overlay">
        <div className="style-card__title">{props.title}</div>
        <div className="style-card__category">
          {props.category}
        </div>
      </div>
    </a>
  </div>
);

<Swiper>
  {chunkedItems.map(cardItems => (
    <SwiperSlide className="swiper-slide style-review__slide">
      {cardItems.map(n => <Card {...n} />)}
    </SwiperSlide>
  ))}
</Swiper>

const [ lightIndex, setLightIndex ] = useState(null);

<ReactBnbGallery
  photos={photos}
  show={lightIndex !== null}
  activePhotoIndex={lightIndex}
  onClose={() => setLightIndex(null)}
/>

mixin logo(className)
  img.logo(src="img/logo.png", class= className)

+logo()
+logo('header__logo')

1. for (let i = 0; i < 50; ...
   от 0 и до, но не включая, 50. Поменяйте 0 и < 50, чтобы это исправить.
   

2. out += i + ' ';  // добавляется всегда, в любом случае
   if ( i % 2 != 0) continue; // проверка уже потом

   поменяйте порядок: сначала проверка, потом добавление
   
3. document.querySelector('.out-2').innerHTML = out;
   срабатывает в каждой итерации цикла. А надо 1 раз, когда цикл отыграл все повторы. Вынесите эту строку из цикла.
   

document.querySelector('.b-2').addEventListener('click', () => {
  document.querySelector('.out-2').innerText = Array(25) // создали массив из 25 пустых слотов
    .fill() // заполнили их undefined, чтобы можно было..
    .map((n, i) => 2 * (i + 1)) // каждый заменить на (его индекс + 1) * 2
    .join(' '); // и склеить в строку через пробел
})