Highlight tier in free namespaces at Group/Project overview along with options on what they can do next

Summary

We believe it can be hard for users in multiple groups and/or projects to understand what tier those groups/projects are in. In this experiment, we will test providing additional context at the point where we list a group or project name indicating that group/project is in a free tier. If the user hovers over this badge then they are presented with a flyover pitching the value of the paid products along the CTAs on how to proceed.

Design

In the control the users will get the same experience that exists today where we do not highlight the paid tier. In the experiment as seen below we will highlight the tier on the project, group overview pages as well as on the group/project list pages.

current state	Future state
	This type experience should appear in both the project and group overview pages

Design specs

Final copy for the flyout:

• Text: Free
• Header: 🚀 Enhance team productivity
• Copy: This namespace uses the Free GitLab tier. Want to enhance team productivity and access advanced features like Merge Approvals, Push rules, Epics, Code Review Analytics, and Container SCanning? Try all GitLab has to offer for free for 30 days. No credit card required.
• Primary CTA: Start a free trial
• Link destination: gitlab.com/-/trials/new?glm_source=gitlab.com&glm_content=overview-free-tier-highlight
• Secondary CTA: Compare all plans
• Link destination: gitlab.com/groups/{group_URL_path}/-/billings

Tracking Details

• json schema used in gitlab-experiment tracking.
• see taxonomy for a guide.
• dimensions on namespace_id and user_id

category	action	Label	Notes (reference for this issue, not an actual snowplow event property)
default from page fired on	render_badge	tier-badge	Event fires when the badge is displayed in the UI to a user
default from page fired on	render_flyout	tier-badge	Event fires when a user hovers over the badge and triggers the flyout to appear
default from page fired on	click_start_trial_button	tier-badge	Event fires when a user clicks start a trial
default from page fired on	click_compare_plans_button	tier-badge	Event fires when a user clicks compare plans