Разработать и интегрировать react.js компонент аудиоплеера

Для проекта по изучению иностранных языков требуется реализовать компонент аудиоплеера.<br><br><strong>Основной функционал:</strong><br> • Интеграция легковесной библиотеки для работы с аудио (например, Howler.js или аналог).<br> • Реализация возможности постепенной загрузки треков из списка (ленивая загрузка).<br> • Описание состояний кнопки воспроизведения и стилей для них:<br><ol><li>Дефолтное состояние. </li><li>Воспроизведение трека.</li><li>Загрузка трека.</li><li>Ошибка при загрузке. </li></ol><strong>Технологический стек проекта:</strong><br> • <strong>React</strong> (основной фреймворк).<br> • <strong>Gatsby</strong> (рендеринг и сборка).<br> • <strong>React Query</strong> (для работы с данными).<br> • <strong>Zustand</strong> (управление состоянием).<br> • <strong>Tailwind CSS</strong> (для стилизации).<br><br>