Техническое задание: Редизайн TMA-приложения

Требуется выполнить редизайн и переверстку работающего Telegram Mini App (TMA), созданного на стеке Next.js с использованием библиотеки компонентов Chakra UI (версия 3).

Исходные данные и цель

• Имеется функционирующее приложение. Его логика и функционал остаются без изменений.
• Предоставлен готовый, детализированный макет в Figma, который является эталоном для нового интерфейса.
• Основная задача - привести все визуальные элементы, компоненты, отступы, шрифты и цвета в точное соответствие с макетом Figma.

Технические требования

• Стек: Next.js, Chakra UI v3.
• Работа с Chakra UI: Необходимо модифицировать существующие и/или создать новые темы, компоненты и стили в рамках библиотеки Chakra UI для достижения pixel-perfect соответствия дизайну.
• Адаптивность: Интерфейс должен корректно отображаться на различных устройствах, если это заложено в дизайне.
• Качество кода: Переработанный код должен сохранить чистоту, читаемость и соответствовать best practices для используемого стека.

Ожидаемый результат

• Полностью переработанный визуальный интерфейс приложения, идентичный макету в Figma.
• Работоспособное приложение с сохранением всей исходной функциональности.
• Аккуратно обновленный код проекта.