Как получать значение из ключей из firebase и выводить их в React

Здраствуйте, я новичок в Реакте

В firebase у меня есть ключи которые я создаю в PatientServise.js функцией savePatient, суть в том что мне нужно вывести данные в PatientSidebar.jsx что бы оно выглядело как на скриншотах снизу

Нужно что бы было вот так:

Вот ссылка на репозиторий: https://github.com/theShaper-I/vitechTask/tree/main/src

Метод которым я получаю пациентов с БД(PatientService.js)

getPatients() {
    return new Promise((resolve, reject) => {
        axios.get(`${url}/patientLoad.json`)
            .then((res) => {
                let patientsDB = res.data;
                let patients = [];

                for (let i = 0; i < patientsDB.length; i++) {
                    patients = [...patients, {
                        id: patientsDB[i].id,
                        firstname: patientsDB[i].firstname,
                        lastname: patientsDB[i].lastname,
                        age: patientsDB[i].age,
                        birth: patientsDB[i].birth,
                        gender: patientsDB[i].gender,
                        country: patientsDB[i].country,
                        state: patientsDB[i].state,
                        city: patientsDB[i].city,
                        comments: patientsDB[i].comments
                    }];
                }
            });
    });
}