Unstable - Ad banner - Some considerations

❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Observed behavior

1. When there are no channels, the text 'No channels found' is positioned too close to the banner and in general looks even plainer than before, next to that cool looking banner so it would be nice to improve the presentation overall:

https://github.com/user-attachments/assets/81336023-f837-41bb-9268-bd5e345af7ee

2. When I am creating a new channel then there's just not enough data to generate actually relevant recommendations and also the recommendations can either be at the bottom of the page in smaller resolutions (making it hard to see them) or at the right of the screen but not with a prominent 'Recommendations' label (as the user would expect based on the wording 'our new 'Recommendations' feature). Essentially the problem is that when we are actively advertising something we should be advertising it in the best light possible, while with the current approach that might not be the case in some scenarios!

https://github.com/user-attachments/assets/2190d459-7527-47a8-9dd7-557d6e46ecfd

3. For consistency it should be always possible to close the banner. :)

Expected behavior

To be further discussed.

Steps to reproduce the issue

1. Sign in to Studio at Unstable with a new account
2. Go to My Channels, Starred and View-only
3. Create a new channel and click on 'View recommendations'

Usage Details

• Studio Unstable (https://github.com/learningequality/studio/pull/5750)
• OS: Windows 11
• Browser: Chrome, Firefox

Start by reproducing the banner behavior in Studio Unstable with a new account, following the My Channels, Starred and View-only flow and creating a new channel. Before coding, clarify the expected presentation for empty channels, recommendations placement and labeling, and banner dismissal; completion requires agreement on those behaviors and verification at different screen sizes.