Правки по фронтенду сайта на ReactJS

<ul><li><p>1. Исправить калькулятор, когда он начинает уходить в рекурсию при определенных параметрах</p></li><li><p>2. Сделать чтобы кнопки выбора ранка были в гриде как на этой картинке <a href="https://imgur.com/iBroZXh">https://imgur.com/iBroZXh</a></p></li><li><p>3. Добавить новый разделы Competitive Wins, Placement в калькулятор рядом с кнопкой "Ranked Boost" с формой как на этом сайте:</p></li><li><p><a href="https://boostroyal.com/valorant-boosting/competitive-wins/">https://boostroyal.com/valorant-boosting/competitive-wins/</a></p></li><li><p><a href="https://boostroyal.com/valorant-boosting/placements/">https://boostroyal.com/valorant-boosting/placements/</a></p></li><li><p>Ranked boost уже есть, через него можно большую часть компонентов использовать для этих частей.</p></li><li><p>4. Сделать чтобы можно было в роутере обращатся сразу к определенному калькулятору по типу:</p></li><li><p>/boost/competitive_win</p></li><li><p>/boost/ranked</p></li><li><p>/boost/placements</p></li><li><p>5. Сделать чтобы иконки рангов менялись на выбранный уровень. Сейчас на всех ранках стоит только 1 картинка первого дивизиона, но когда выбирают 2 дивизион необходимо чтобы бралась иконка 2 дивизиона: <a href="https://support-valorant.riotgames.com/hc/article_attachments/7088900088979">https://support-valorant.riotgames.com/hc/article_attachments/7088900088979</a> </p></li><li><p>6. Добавить анимацию загрузки когда калькулятор забирает с сервера ответ. Сейчас стоит промис который резолвится вместо настоящего запроса, нужно чтобы калькулятор показывал что информация подгружается какой то анимцией. Например в "Resume" чтобы цены убирались на какуюто анимацию прогрузки пока с сервера идёт ответ.</p></li><li><p>7. В попапе входа добавить кнопку дискорда которая ничего не делает.</p></li><li><p>8. При загрузке страниц / их переключении нужно убрать белый экран браузера который слепит пользователя. Тк у нас дизайн тёмный, то при переключениях это раздражает пользователей. Пока картинки загружаются итд, лучше какой то экран загрузки показывать на странице.</p></li><li><p>9. Перенести на SSG/SSR через nextjs/vite чтобы можно было билдить статично весь контент и раздавать в виде html который поисковики могут увидеть.</p></li><li><p>10. Когда в калькуляторе выбирают опцию "Предпочтения по Агентам" нужно показывать список агентов мультиселект. Картинки можно оставить любые, контент потом наполним. На этом сайте есть эта функция в калькуляторе <a href="https://boostingmarket.com/ru/valorant-boost/valorant-placements-boost">https://boostingmarket.com/ru/valorant-boost/valorant-placements-boost</a></p></li><li><p>11. Добавить стиль Disabled у кнопок калькулятора, сейчас это просто стиль курсора но нужно сделать чтобы кнопки становились серыми например.</p></li><li><p>12. Добавить кнопку trustpilot и reviewsio под кнопкой покупки как тут: <a href="https://gameboost.com/valorant/boosting/rank-boost">https://gameboost.com/valorant/boosting/rank-boost</a></p></li></ul><p><b>Текущую версию сайта можно посмотреть по</b> <a href="https://zesty-caramel-212565.netlify.app/boost">https://zesty-caramel-212565.netlify.app/boost</a>.</p><p>Исходный код могу предварительно отправить при обсуждении в ЛС.</p>