Externalize Dashicon, Icon, Notice and Tip components imported from @wordpress/components

[eason9487]

Changes proposed in this Pull Request:

It's part of #1833

• Externalize Dashicon, Icon, Notice, and Tip components.
• Opt-in the @wordpress/primitives package to use the DEWPed one.
  • This is needed due to Icon compatibility. The icon.type === SVG comparison result needs to be true.
  • Reference
• Extra changes:
  • Fix missing CSS selectors when renaming AppTooltip CSS name in #1901.
  • Remove an unused component DismissibleNotice that was missed to be removed in #1889.

Screenshots:

📷 Dashicon component on the Product Feed page

📷 Icon and Notice components on the Get Started page

📷 Tip component on the Get Started page

📷 The edit icon color was corrected to gray

📷 The CSS style of "N products" text wrapped by AppTooltip was corrected

Detailed test instructions:

💡 It would be easier to test this PR by making a few changes locally:

• Make is_language_supported return false.
• Add return <IssuesSolved />; to this line.

Testing:

1. npm start
2. Go to the Get Started page.
3. Check if the Icon, Notice and Tip components are shown correctly.
4. Go to step 4 of the onboarding flow.
5. Check if the style of the "N products" text is corrected as the screenshot above.
6. Go to the Product Feed page.
7. Check if the Dashicon components are shown correctly.
8. Check if the color of edit icon on the Product Feed table is corrected to gray.
9. Search the codebase to check if all these components are imported from 'extracted/@wordpress/components'.

Changelog entry

[ianlin]

Thanks for the change, all the components are displayed correctly, LGTM.