Adding attributes block to product block editor.

[joelclimbsthings]

Submission Review Guidelines:

• I have followed the WooCommerce Contributing Guidelines and the WordPress Coding Standards.
• I have checked to ensure there aren't other open Pull Requests for the same update/change.
• I have reviewed my code for security best practices.
• Following the above guidelines will result in quick merges and clear and detailed feedback when appropriate.

Changes proposed in this Pull Request:

This moves all attributes components (there are many) to the product-editor package and adds a block container. Certain logic and styling changes are made to match the updated design.

Note that some of the changes also impact the old editor using the same component(s), in a slightly less than ideal but non-breaking way. This is considered fine since it will be deprecated very soon.

Also note that dragging does not work for the same reason as the images, and I'm a bit uncertain on how to handle thus far.

Closes #37728 .

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

1. Checkout branch and enable product-block-editor feature flag with the WCA Test Helper plugin.
2. Navigate to Products -> Add new to view the new block editor.
3. At the bottom of the initial "General" tab you will find the attributes section.
4. Compare it to the design: AkVNGImLgSqCObTQ3idVn7-fi-1761-446426&t=kYXzUnc4UoMZ91dd-4
5. Try adding attributes, deleting them, and ensuring they persist after saving and refreshing the page.
6. Do not try dragging/reordering, as that functionality currently does not work.

[github-actions]

Hi @joshuatf,

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

[github-actions]

Test Results Summary

Commit SHA: 47752bc

Test 🧪	Passed ✅	Failed 🚨	Broken 🚧	Skipped ⏭️	Unknown ❔	Total 📊	Duration ⏱️
API Tests	267	0	0	2	0	269	0m 50s
E2E Tests	187	0	0	10	0	197	21m 44s

---

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.

[joshuatf]

Looks great! Left one question about an unused component, but pre-approving.

Noting that the drag and drop functionality does not work here, but I think we should get this merged and continue to iterate on this experience once we've made some decisions around how we want to handle that.

[joshuatf]

🎉

[joshuatf]

Any reason for removing the default image here? Looks like we're also no longer using this component.

[joelclimbsthings]

Nope! Not a good one. Just removed that component in 9048f92.

[joshuatf]

Any reason we need to keep this component if it's no longer in use?

[joelclimbsthings]

Nope, just removed in 9048f92 👍🏻

[joelclimbsthings]

Thanks @joshuatf , just removed that component as suggested. 👍🏻

[joshuatf]

Thanks for removing that extra component. LGTM!