Разработать пользовательский личный кабинет на React JS

Личный кабинет состоит из одной страницы, на которой отображаются поля ввода:

Name: изпрофиляFirebase> (значение берется через API)

Email: из_профиля_Firebase> (значение берется через API)

Кнопка "Delete" (красным цветом)

Кнопка "Update" (зеленым цветом)

Поле Name должно иметь проверку на пустоту. Сообщение о пустом поле: "Please enter desired name"

Поле Email должно иметь проверки:

1. на пустоту. Сообщение о пустом поле: "Please enter your e-mail"

2. на корректность формы e-mail. Сообщение об ошибке: "Please enter your valid email"

При клике на кнопку "Delete" выводится модальное окно:

"Your personal information will be deleted. After that you will lose your personal profile in the application. Are you sure?"

И две кнопки No и Yes.

При клике на кнопку "Update" значение введенные в форму и прошедшие проверки обновляются через API. После успешного обновления выводится сообщение "You personal data were updated. Thank you."

Форма должна иметь возможность локализации (надписи вынесены в файл строковых ресурсов, в рамках данной задачи только для английской локали en).

При входе на страницу пользователь должен проходить проверку на наличие авторизации через Firebase Auth API. В случае её отсутствия запрашивать используя FirebaseUI https://github.com/firebase/firebaseui-web#react-dom-setup

Значения полей получаются и изменяются через API: https://firebase.google.com/docs/auth/web/manage-users