All Submissions:

• Have you followed the WooCommerce Contributing guideline?
• Does your code follow the WordPress' coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

There are some issues with the current Twenty Twenty-Two integration (which is detailed in woocommerce/woocommerce-blocks#5863):

• The wrapper with of Single Product and Product Catalog page is fixed to 1000px and can't be changed.
• The current implementation breaks the alignment and alignment setting of the Classic Template block.

This PR fixes those issues by removing the hard-coded width and adding the wrapper back to fix the alignment issue.

The initial width of the wrapper will be set to 650px. This can be fixed in woocommerce/woocommerce-gutenberg-products-block by setting the default alignment of the Classic Template block to wide.
Update: The default layout was changed to wide in woocommerce/woocommerce-blocks#6356.

Fixes woocommerce/woocommerce-blocks#5863.

How to test the changes in this Pull Request:

1. With Twenty Twenty-Two, edit the Product Catalog template.
2. Select the Group block that contains the Classic Template.
3. Set an arbitrary background color.
4. On a new tab, go to the shop page on the front end, see the background is set and the layout doesn't break.
5. Back to the Site Editor tab, select the Classic Template block, and set the alignment to Wide.
6. See it reflects on the front end.

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you successfully run tests with your changes locally?
• Have you created a changelog file by running pnpm nx affected --target=changelog?

FOR PR REVIEWER ONLY:

• I have reviewed that everything is sanitized/escaped appropriately for any SQL or XSS injection possibilities. I made sure Linting is not ignored or disabled.