The external sources on the No results form should not be in a popover

[obulat]

Problem

The external search feature shown on the "No results" page should show a row (or column for mobile) of button links to the external sources.

Figma link desktop: https://www.figma.com/file/w60dl1XPUvSaRncv1Utmnb/Audio-Release?node-id=1479%3A20812&t=JjmB63Y8kMIIlwm3-4
Figma link mobile: https://www.figma.com/file/w60dl1XPUvSaRncv1Utmnb/Audio-Release?node-id=1479%3A20846&t=3szwykXToMs7gluh-4

Description

We need to refactorVExternalSourcesList so that the buttons can be used both in a popover and in a row/column. Then, we should replace the popover component on the No results list with the button row/column for the external sources.

Additional context

Split from #734

Implementation

• 🙋 I would be interested in implementing this feature.

[fcoveram]

⚠️ Design note

Since the Audio release Figma file linked in the ticket has outdated elements due to many styles were changed after its creation, there are two crucial points to take in mind before developing the change:

1. All texts need to have the latest text styles applied.
2. Source buttons must follow the secondary button style in medium size, plus the external icon. The Design Library has not been updated with the icon variant, but the change is pending.