Валерий

Заменить

.input-style:active #search {
    border: 1px solid #4285F4;
}

на

#search:focus-within {
    border: 1px solid #4285F4;
}

.slide-nav-btn:hover {
    cursor: pointer;
    background-color: transparent;
    transform: scale(1.5, 1.5);
    border: solid white 1.5px;
}

filterBox.forEach(elem => {
    if (filterData === "all") {
      elem.classList.remove("hide");
      return;
    }
    if (elem.dataset.filter == check) {
      elem.classList.remove('hide');
    } else {
      elem.classList.add('hide');
    }
  });

case "SET_DATA": {
    return {
      ...state,
      items: {
        ...state.items,
        ...action.payload.value
      },
    };

  };

Проблема может быть в том, что ключи в объекте message могу совпадать с ключами объекта state.items и значения будут заменены.

.media {
    display: flex;
}