Frontend: Display 'verified Creator' badge based on URL

Summary

From a discussion in #432535 (closed), we should have a way to mark components as "certified" in the Catalog.

Proposal

Display the badge "verified creator" for a published catalog item from a verified community members. These badges should be shown on both the index and details pages.

NOTE:

The verification process is out of scope and should be handled in gitlab-com/marketing/developer-relations/developer-advocacy/developer-advocacy-meta#377 (closed)

Confirm purpose and User Reception (how does this benefit the user?)

The purpose is to show when components wonder was verified because project owners are building them. This delivers a level of authenticity and confidence to users who wish to try them in their own projects.

Additional details

Some relevant technical details, if applicable, such as:

  • Does this need a feature flag?
  • Does there need to be an associated instrumentation issue created related to this work?
  • Is there an example response showing the data structure that should be returned (new endpoints only)?
  • What permissions should be used?
  • Is this EE or CE?
    • EE
    • CE
  • Additional comments:

Implementation Table

Group Issue Link
UX #432535 (closed)
frontend 👈 You are here
backend #439477 (comment 1753515564)

We want to display the verified creator badge both in the index and the details page.

Additionally, we want to change the text in the popover of all badges:

  • Related MR: !147384 (merged)
  • From Learn more about designated creators to What are verified component creators?.

Documentation

Links/References

Edited by Mark Nuzzo