Update AdvancedFilters to use createInterpolateElement instead of interpolateComponents

[mattsherman]

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 PR updates the AdvancedFilters component in @woocommerce/components to use createInterpolateElement from @wordpress/element instead of interpolateComponents from @automattic/interpolate-components.

Usage of AdvancedFilters in plugins/woocommerce-admin has also been updated. Specially, the following screens are affected:

• WooCommerce > Customers
• Analytics > Orders
• Analytics > Variations
• Analytics > Downloads

Each of those screens has a Show > Advanced filters option that uses AdvancedFilters.

No functionality has been changed. The screens above should behavior exactly as they did before.

For example, here is what the Analytics > Orders advanced filters look like:

Part of #37312.

How to test the changes in this Pull Request:

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

1. Verify Storybook stories look correct:
   • pnpm --filter=@woocommerce/storybook storybook
   • There are some slight styling issues not due to this PR... as long as filter controls appear and testing of actual product screens looks correct, these can be ignored
   • AdvancedFilters > Basic
   • ReportFilters > Examples > Advanced filters
2. Verify the use of advanced filters on WooCommerce > Customers
3. Verify the use of advanced filters on Analytics > Orders
4. Verify the use of advanced filters on Analytics > Variations
5. Verify the use of advanced filters on Analytics > Downloads

[github-actions]

Test Results Summary

Commit SHA: 6efa264

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

---

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.

[codecov]

Codecov Report

Merging #37967 (f818b60) into trunk (7a63646) will decrease coverage by 0.2%.
The diff coverage is 14.5%.

❗ Current head f818b60 differs from pull request most recent head 6efa264. Consider uploading reports for the commit 6efa264 to get more accurate results

Additional details and impacted files

@@            Coverage Diff             @@
##             trunk   #37967     +/-   ##
==========================================
- Coverage     51.5%    51.3%   -0.2%     
- Complexity   17281    17409    +128     
==========================================
  Files          430      440     +10     
  Lines        80030    80561    +531     
==========================================
+ Hits         41215    41293     +78     
- Misses       38815    39268    +453     

Impacted Files	Coverage Δ
...mmerce/includes/admin/class-wc-admin-importers.php	0.0% <0.0%> (ø)
...merce/includes/admin/class-wc-admin-post-types.php	9.5% <0.0%> (ø)
...rters/class-wc-product-csv-importer-controller.php	35.3% <0.0%> (-0.1%)	⬇️
...ugins/woocommerce/includes/class-wc-post-types.php	1.0% <0.0%> (-0.1%)	⬇️
...ludes/tracks/events/class-wc-importer-tracking.php	0.0% <0.0%> (ø)
...ludes/wccom-site/class-wc-wccom-site-installer.php	0.0% <0.0%> (ø)
...ation/class-wc-wccom-site-installation-manager.php	0.0% <0.0%> (ø)
...class-wc-wccom-site-installation-state-storage.php	0.0% <0.0%> (ø)
...llation/class-wc-wccom-site-installation-state.php	0.0% <0.0%> (ø)
...-wccom-site-installation-step-activate-product.php	0.0% <0.0%> (ø)
... and 15 more

[github-actions]

Hi @octaedro,

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

[octaedro]

Good job @mattsherman! LGTM 🚀