<div class="relative rounded-[20px] mobile:p-0 noH5:px-xl noH5:pb-l noH5:bg-Vessel mobile:bg-transparent mobile:flex-1 mobile:text-center flex flex-col py-[20px] tablet:gap-xs desktop:gap-l noH5:pt-s">
                                            <div class="bn-tabs bn-tabs__default coin-list-content relative mobile:gap-[12px] noH5:gap-[16px] desktop:[&amp;>*]:first:my-0">
                                                <div class="bn-tab-list bn-tab-list__default">
                                                    <div class="bn-tab bn-tab__default active">Popular</div>
                                                    <div class="bn-tab bn-tab__default">New Listing</div>
                                                </div>
                                                <div class="bn-tab-pane-list">
                                                    <div class="bn-tab-pane active">
                                                        <div class="flex flex-col items-start mobile:items-center noH5:gap-[20px] mobile:gap-[24px] w-full flex-initial tablet:w-auto tablet:flex-1">
                                                            <a id="top_crypto_table-1-BTC_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/87496d50-2408-43e1-ad4c-78b47b448a6a.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/87496d50-2408-43e1-ad4c-78b47b448a6a.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">BTC</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">Bitcoin</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium btc">$59 857,99</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium text-t-buy btc">+1.16%</div></div>
                                                            </a>
                                                            <a id="top_crypto_table-2-ETH_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/3a8c9fe6-2a76-4ace-aa07-415d994de6f0.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/3a8c9fe6-2a76-4ace-aa07-415d994de6f0.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">ETH</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">Ethereum</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium eth">$2303,12</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium text-t-sell eth">-0.63%</div></div>
                                                            </a>
                                                            <a id="top_crypto_table-3-BNB_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/94863af2-c980-42cf-a139-7b9f462a36c2.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20220218/94863af2-c980-42cf-a139-7b9f462a36c2.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">BNB</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">BNB</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium bnb">$542,30</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium text-t-buy bnb">+0.15%</div></div>
                                                            </a>
                                                            <a id="top_crypto_table-4-XRP_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/4766a9cc-8545-4c2b-bfa4-cad2be91c135.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/4766a9cc-8545-4c2b-bfa4-cad2be91c135.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">XRP</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">Ripple</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium xrp">$0,5709</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium text-t-sell xrp">-2.74%</div></div>
                                                            </a>
                                                            <a id="top_crypto_table-5-SOL_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/b2f0c70f-4fb2-4472-9fe7-480ad1592421.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20230404/b2f0c70f-4fb2-4472-9fe7-480ad1592421.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">SOL</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">Solana</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium sol">$129,39</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium text-t-sell sol">-2.51%</div></div>
                                                            </a>
                                                        </div>
                                                        <a target="_blank" rel="noreferrer" href="/markets" class="bg-transparent mb-[0px] flex items-center p-[0px] mobile:justify-center mobile:text-center tablet:top-[10px] noH5:absolute ltr:noH5:right-0 rtl:noH5:left-0 desktop:top-[10px] t-body3 text-t-third hover:text-t-secondary mobile:mt-[13px]">
                                                            View All 350+ Coins
                                                            <svg size="16" class="bn-svg icon-dir mt-[3px] h-[16px] w-[16px]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.288 12l-3.89 3.89 1.768 1.767L15.823 12l-1.768-1.768-3.889-3.889-1.768 1.768 3.89 3.89z" fill="currentColor"></path>
                                                            </svg>
                                                        </a>
                                                    </div>
                                                    <div style="display: none;" class="bn-tab-pane">
                                                        <div class="flex flex-col items-start mobile:items-center noH5:gap-[20px] mobile:gap-[24px] w-full flex-initial tablet:w-auto tablet:flex-1">
                                                            <a id="top_crypto_table-1-TON_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/23e493c6-3708-4e57-905a-9acd85b19194.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20231214/23e493c6-3708-4e57-905a-9acd85b19194.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">TON</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">Toncoin</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium ton">$5,523</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText text-t-sell">-7.76%</div></div>
                                                            </a>
                                                            <a id="top_crypto_table-2-BANANA_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/eda12d5a-d135-4d90-b6f2-3bc8ffe3d409.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20240718/eda12d5a-d135-4d90-b6f2-3bc8ffe3d409.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">BANANA</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">Banana Gun</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText">$34.76</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText text-t-sell">-8.84%</div></div>
                                                            </a>
                                                            <a id="top_crypto_table-3-ZRO_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/a7dcb6cd-bcd9-4bdd-91d0-15da9278dff8.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20240620/a7dcb6cd-bcd9-4bdd-91d0-15da9278dff8.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">ZRO</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">LayerZero</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText">$3.26</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText text-t-sell">-6.82%</div></div>
                                                            </a>
                                                            <a href="/en/trade/LISTA_USDT" id="top_crypto_table-4-LISTA_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/ee977d5b-2fbb-4589-8856-8f5bdefd89eb.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20240524/ee977d5b-2fbb-4589-8856-8f5bdefd89eb.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">LISTA</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">Lista</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText">$0.3441</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText text-t-sell">-6.65%</div></div>
                                                            </a>
                                                            <a href="/en/trade/ZK_USDT" id="top_crypto_table-5-ZK_USDT" class="flex w-full items-center justify-between rounded-xs text-t-primary hover:text-t-secondary">
                                                                <div class="flex w-[45%] items-center">
                                                                    <img class="bn-lazy-img h-[28px] w-[28px] rounded-xl mobile:h-[24px] mobile:w-[24px]" src="images/82ce158f-1dbf-4835-9954-1d6976386de7.png" data-src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20240617/82ce158f-1dbf-4835-9954-1d6976386de7.png">
                                                                    <div class="text-subtitle1 ml-2xs mr-4xs">ZK</div>
                                                                    <div class="whitespace-nowrap text-body2 text-t-third">zkSync</div>
                                                                </div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText">$0.1096</div></div>
                                                                <div class="flex flex-1 items-center justify-end"><div class="lock-ltr text-subtitle1 font-medium blurText text-t-sell">-6.64%</div></div>
                                                            </a>
                                                        </div>
                                                        <a target="_blank" rel="noreferrer" href="/markets/newListing" class="bg-transparent mb-[0px] flex items-center p-[0px] mobile:justify-center mobile:text-center tablet:top-[10px] noH5:absolute ltr:noH5:right-0 rtl:noH5:left-0 desktop:top-[10px] t-body3 text-t-third hover:text-t-secondary mobile:mt-[13px]">
                                                            View More Coins
                                                            <svg size="16" class="bn-svg icon-dir mt-[3px] h-[16px] w-[16px]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.288 12l-3.89 3.89 1.768 1.767L15.823 12l-1.768-1.768-3.889-3.889-1.768 1.768 3.89 3.89z" fill="currentColor"></path>
                                                            </svg>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


я скинул тебе элемент в котором 2 вкладки - "popular"и "new listing", сейчас выбрана "popular" и выведены монеты которые в этом коде, на данный момент вкладки некликабельные

нужно сделать вкладки кликабельными и чтобы при нажатии "new listing отображались другие монеты

измени мой код выше так, чтобы он соответствовал моим требованиям