[dashboard] Simplify <code> snippets by using CSS instead of a whole component

[jankeromnes]

Description

Simplify <code></code> snippets by using CSS instead of a whole extra component.

Related Issue(s)

Fixes #7555

How to test

1. Open /settings
2. The <code> snippets should look the same as before

Release Notes

NONE

Documentation

Werft options:

• /werft with-preview

[jankeromnes]

/werft run

👍 started the job as gitpod-build-jx-code.1
(with .werft/ from main)

[jankeromnes]

/werft run

👍 started the job as gitpod-build-jx-code.2
(with .werft/ from main)

[jankeromnes]

BEFORE	AFTER

[gtsiolis]

Looking at this now! 👀

[gtsiolis]

Thanks for another clean-up, @jankeromnes! 🧹

Although this is in a different direction from the initial discussion in #7302 (comment), I like the boring (simple) solution of using the <code> element for now. 🤝

FWIW, the CodeText component aimed at becoming a flexible solution for supporting a) single-line, b) multi-line, and c) inline code text where users could copy to clipboard via a clipboard button or by simply clicking on the inline code.

For example, to provide some more context, a user could:

1. Go to /account and click directly on that GIT_AUTHOR_NAME variable to copy-to-clipboard.
2. Go to /admin/settings and click on a copy to clipboard button to copy the telemetry code.
3. ...

However, let's leave this as is for now and come back to this once we know we want to improve the interaction with the code text across the dashboard.

[geropl]

LGTM