chore(macros/secureContext_inline): replace notecard with badge

[teoli2003]

Summary

{{securecontext_inline}} uses an ugly notecard class. As we decided to continue using it in the foreseeable future, in https://github.com/orgs/mdn/discussions/482#discussioncomment-7825014., we need to get it more standard.

Problem

The notecard class is not suitable for a badge.

Solution

Switch to use the already existing badgeclass.

Screenshots

Before

After

---

How did you test this change?

Locally (and I needed it for the screenshots)

[hamishwillee]

@caugner @wbamberg Any chance you guys could look at this?

[teoli2003]

@caugner @wbamberg Any chance you guys could look at this?

FYI, Yari is in a deployment freeze until Jan 3rd, 2024, so, while reviewing this PR is welcome, it won't make it to production before that date.

[estelle]

LGTM!

[wbamberg]

The link to the discussion in the description of this PR (https://github.com/mdn/content/discussions/30546) is 404.

I think this PR is basically point 1 of https://github.com/orgs/mdn/discussions/482#discussioncomment-7825014.

[teoli2003]

The link to the discussion in the description of this PR (https://github.com/mdn/content/discussions/30546) is 404.

I think this PR is basically point 1 of https://github.com/orgs/mdn/discussions/482#discussioncomment-7825014.

It is. My error. (Don't know where the error comes from)

[teoli2003]

Thank you!