Доработать веб приложение на React + TypeScript

В имеющееся веб приложение написанное на React Type Script (и работающее на веб сервере Flask Python) нужно сделать доработку.

Добавить дополнительную вкладку в веб интерфейсе с элементами управления из макета.

Копия приложения развернута на виртуальном сервере, доступ будет предоставлен для ознакомления и работы исполнителю.

Исходники приложения открыты: https://github.com/HEnquist/camillagui

Веб интерфейс доступен на сервере: http://95.142.39.152:5005/gui/index.html

Изменения значений с помощью добавленных элементов управления в инетрфейсе должны храниться в отдельном xml файле, и обновляться сразу после изменения в веб интерфейса.

Пример XML файла прикреплён.

При изменении значений в интерфейсе должна быть вызвана функция в сервере flask python которая будет отправлять эти значения в устройство (эту часть уже реализуем самостоятельно, от исполнителя только сделать функцию в которой обрабатываются переменная из элементов управления).

Любые непонятные моменты просьба прояснять и уточнять.

Что знаю покажу и объясню.

Видео комментарий к задаче:

https://drive.google.com/file/d/1JFKSBRS2ExaMKxmLLtbggxKz_lgf68BZ/view