Алексей

если я правильно понял то тебе нужно выводить пользователю сообщения в случае возникновения ошибок. Тогда выручит react-toastify, у них очень понятная документация, ты ими по сути оборачиваешь все приложение и выводишь тогда когда где либо возникает ошибка. Если ошибок несколько - будет несколько уведомлений.
Вот что типа такого:

if (res.data.success) {
notifySuccess(res.data.messages)
}
if (!res.data.success) {
Object.values(res.data.errors).map((error) =>
notifyError({error})
)
}

Нужно больше оболочек для card-list.
у больших card-list родитель должен быть display: flex и flex-direction: column, либо max-width и flex-wrap: wrap.
у маленьких card-list родитель должен быть display: flex и flex-wrap: wrap.

с одним родителем для обоих card-list вы не обойдетесь, только флексы.
или сверстать по grid.