WooCommerce Checkout page broken

I’ve read this post and I have the cart working as expected (although I really wish there was a way to actually edit the WC section itself). Unfortunately this didn’t resolve my issues with the Checkout page seen here.

I also have now attempted a Component with the [woocommerce_checkout] shortcode as proposed here but I think before I can do this I need to understand the error on this page.

Any help with this would be great, thank you.

So I migrated this from local environment to production so that I could provide you with access to review it but when I did the error seemed to go away (not sure why. But now that I can see this loading I don’t know how to fix it. The “Place Order” button is some random color that I need to change and there is overlapping text. The overall layout is not ideal either.

Some of those original post I referenced are older, as any of the recent updates made it easier to customize the checkout page?