Cross-Sells Products block: Replace Add to Cart block with Product Button block

[nielslange]

In woocommerce/woocommerce#44503, @kmanijak suggested removing the Add to Cart block as that block is experimental, hasn't been touched for 3 years and as there's a newer block. Currently, the Cross-Sells Block is still using the Add to Cart block. This issue aims to replace the Add to Cart block with the Product Button block within the Cross-Sells Products block.

[ralucaStan]

• Is the Add to Cart used in other places?
• What are the immediate advantages of using the Add to Cart Form block?

[nielslange]

• Is the Add to Cart used in other places?

The <AddToCartButton/> component is used in the following files:

1. assets/js/blocks/cart/cart-cross-sells-product-list/cart-cross-sells-product.tsx
2. assets/js/atomic/blocks/product-elements/add-to-cart/product-types/variable/index.tsx
3. assets/js/atomic/blocks/product-elements/add-to-cart/product-types/simple.tsx

The first file loads the component from assets/js/atomic/blocks/product-elements/add-to-cart/block.tsx, the second and third file load the component from assets/js/atomic/blocks/product-elements/add-to-cart/shared/add-to-cart-button.tsx.

• What are the immediate advantages of using the Add to Cart Form block?

Switching <AddToCartButton /> to <ProductButton /> allows us to remove the Add To Cart Button block as well as it ensures that the buttons of Cross-Sells products support Global Styles. Below you can find a screenshot that shows how the Cross-Sells block would be impacted by a switch from <AddToCartButton /> to <ProductButton />.

<AddToCartButton />

<ProductButton />

[tarunvijwani]

Closed by #8914 PR