Разработать веб страницу с Интеграцией Telegram Web App

Цели проекта
Необходимо только разработать улучшенный дизайн страницы, относительно прикрепленного фото, весь бэкэнд уже готов.

Требования к функционалу  

1. Загрузка данных пользователя  
   – При загрузке страницы необходимо получать имя, фотографию и ID пользователя из Telegram и сохранять их в переменной.
   – Отображать информацию о пользователе в верхней панели приложения.

2. Загрузка товаров  
   – Реализовать API для загрузки товаров, разделённых на две категории.
   – Обеспечить отображение загруженных товаров на странице.

3. Карточки товаров  
   – На каждой карточке товара должна быть кнопка "Добавить".
   – После нажатия на кнопку "Добавить", отображать поле ввода количества в дробном формате (шаг 0,5).

4. Интеграция с Telegram WebApp  
   – Если в корзине находится хотя бы один товар, должна быть видна MainButton из Telegram WebApp.
   – При нажатии на MainButton:
     – Открывать корзину с разделением на две категории товаров (если таковые добавлены).
     – Должно быть доступно поле для ввода названия организации.
     – Предоставить возможность выбора даты поставки.
     – При нажатии на кнопку "Заказать", отправить POST-запрос на API.
     – Получить номер заказа и уведомить пользователя об успешном заказе с указанием номера.

5. История заказов  
   – Реализовать кнопку "История".
   – При нажатии на кнопку "История", отправить запрос на API с передачей user ID.
   – Возвращать и отображать историю заказов пользователя.

Требования к дизайну и адаптивности  
- Обеспечить качественный и современный дизайн страницы.
- Полная адаптивность интерфейса для мобильных устройств.

Интеграция с Telegram Mini App  
- Обеспечить корректное взаимодействие с Telegram Mini App согласно описанным функциональным требованиям.