Задача

Необходимо выполнить рефакторинг интерфейса Chrome расширения (фронтенда) в соответствии с новым макетом в Figma. Текущая версия отличается от требований современного дизайн-макета, поэтому требуется переписать готовый фронт.

Исходные данные

• Проект: Существующее браузерное расширение
• Бэкенд: Полностью готов и функционирует
• Текущий фронт: Существует, но требует переработки для достижения нового вида
• Обновленный дизайн: Прилагается ссылка на макет Figma (макет используем для верстки, названия компаний и контакты в исполнении отсутствуют)

Требования

• Перенести новый дизайн из Figma, соблюдая все иерархию блоков, отступы и элементы управления
• Использовать современный код для плавной работы расширения с серверной частью
• Все доработки производить для браузерной среды Chrome с учетом формата manifest V3