Почему бы не использовать css-переменные для свойств, которые изменяются?

.my-element {
  height: var(--element-height);
  width: 40px;
  color: #9b806b;
}

myElement.style.setProperty('--element-height', height + 'px')

className={`${styles.modal__wrapper} && ${props.isOpened ? styles.open : styles.close}` }
Я бы попробовал что-то вроде. Не уверен, что это сработает, конечно, но по идее должно.

likesById нужно вызывать в useEffect, потому что это асинхронная операция.

Что есть общего у первого и второго массива? Это айдишник, и именно по нему нужно искать выбранный пользователем объект.
При клике на кнопку "Показать подробное описание товара" должен происходить фетч-запрос по типу getCardById(1)
И уже полученный ответ от сервера отрисовывать в модалке.

Если это данные из моков, то можно решить проблему через какой-нибудь filter.

Отрисовывать все модалки на странице не надо, это очень дорого и костыльно.