Everything is working well except for the main-cart-footer. The getSectionsToRender function in cart.js selects the main-cart-footer by data-id attribute which is available on the cart page. When the cart api is called bundled section rendering returns the html for the main-cart-footer just fine.
When we are not on the cart page there is no dynamic id attribute is available. I have tried using the 'main-cart-footer' which is the static id of the section but the bundled section rendering doesn't return the dynamic content inside of cart__blocks.