[Duo Assisted] Use code element instead of read-only input field

Mark Lapierrerequested to merge
511745-use-code-element-instead-of-read-only-input into master

What does this MR do and why?

This addresses an accessibility issue in the Container Registry empty state by replacing the read-only input fields with code elements.

This change was partly written by Duo Workflow for #517190 (closed)

References

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

  1. Enable the container registry. For example, add the following to gdk.yml: 
    registry:
 enabled: true
  2. Navigate to a project that doesn't have any containers in the registry. E.g.: http://gdk.test:3000/flightjs/Flight/container_registry
  3. Inspect the elements containing Docker CLI commands and note that they're code elements not input fields.
Edited by Mark Lapierre

Merge request reports