[Dashboard] refactor the CodeText utility component

[trumbitta]

As detailed in the #7302 (review) thread, the CodeTextutility component seems to need a refactor replacing the <span> tag with a <code> tag which is the right semantic choice for such a component.

Beware:

• Are there any cases in the codebase where a <span> tag is actually the best choice?
• Will this change work seamlessly? Better check each occurrence.

[jankeromnes]

Thanks for opening this issue! 100% agree with you.

Additionally, instead of having a single-line React component with a bunch of CSS classes (that everyone might forget to use or not know about), I think we should just use <code> everywhere (more semantic and "natural"), and apply our custom CSS classes to the code element in index.css (so that they apply everywhere consistently).

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.