Fix free features is still rendered when no recommendation

[chihsuan]

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:

Closes #33915.

This PR adds a check hasInstallableExtensions before component rendering to not render free features tab when no recommendation.

To make it, I moved the getFreeExtensions function call from <SelectiveExtensionsBundle> to <BusinessDetails>, as well as getInstallableExtensions.

How to test the changes in this Pull Request:

1. Start with a fresh install
2. Start OBW and use the following selections and click Continue

• Store Details.country/region: Afghanistan
• Industry: Food and drink
• Product Types: Physical products
• Business Details[how many products do you plan to display]: 1-10
• Business Details[currently selling else where?]: Yes, on another platform
• Business Details[How many employees do you have]: <10
• Business Details[What's your current annual revenue?]: Up to 3.000
• Business Details[Which platform is the store using?] BigCommerce

3. On the Free features tab, make a note of the plugins. You should see MailPoet and Google Listings and Ads only (when Jetpack is already installed).
4. Open a new tab and install and active the plugins listed on Free features manually.
5. Refresh Free features tab
6. Observe that the FreeFeatures tab is not rendered.

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 for each project being changed, ie pnpm changelog add --filter=<project>?

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.

[github-actions]

Test Results Summary

Commit SHA: b5c4087

Test 🧪	Passed ✅	Failed 🚨	Broken 🚧	Skipped ⏭️	Unknown ❔	Total 📊	Duration ⏱️
API Tests	115	0	0	2	0	117	0m 49s
E2E Tests	185	0	0	1	0	186	12m 12s

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.

[ilyasfoo]

It seems in my test, the business step displays empty screen after clicking on continue. There's no error in console:

[chihsuan]

It seems in my test, the business step displays empty screen after clicking on continue. There's no error in console:

@ilyasfoo Sorry, I forgot to update the submit logic so it went to an empty free features screen.

I've fixed that in e6bd879. You can use this release zip file. 🙂

[chihsuan]

E2E is failing but I think it's unrelated.

2 failed
[Chrome] › merchant/order-refund.spec.js:53:2 › WooCommerce Orders > Refund an order › can issue a refund by quantity
[Chrome] › merchant/order-refund.spec.js:111:2 › WooCommerce Orders > Refund an order › can delete an issued refund

[ilyasfoo]

Tested well, great work @chihsuan! 🚢

[github-actions]

Hi @chihsuan, thanks for merging this pull request. Please take a look at these follow-up tasks you may need to perform:

• Add the release: add testing instructions label