Default Component - Copy this React, Mui Component to your project

quebre a coluna onde incluiu data e nome da quadra em duas colunas, uma só para data e outra para nome da quadra. Ao inves de colocar somente booked, inclua informações como o nome de quem reservou, e inclua badge em cada card indicando o tipo de agendamento. Inclua variações nas cores dos cards para mostrar o tipo visualmente