Format code blocks in checkout instructions

What does this MR do and why?

This change styles the code blocks in the checkout instructions to match the pattern of placing the copy to clipboard button inside the code block for a more familiar experience. It also adds the user's syntax styling choice as a nice touch.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
CleanShot 2024-09-27 at 11.21.45.gif CleanShot 2024-09-27 at 10.59.51.gif
Flight merge request 4 XL.png Flight merge request 4 XL (1).png

Note: Screenshots show Monokai syntax theme

How to set up and validate locally

  1. Go to a merge request and use the checkout instructions to copy
  2. Attempt to copy and paste each code block

Merge request reports

Loading