Build details page: multi-line script don't render properly

We have this code in our YAML:

build:
  os: ubuntu-22.04
  tools:
    python: "3.10"
  jobs:
    post_checkout:
      # https://docs.readthedocs.io/en/stable/build-customization.html#cancel-build-based-on-a-condition
      #
      # Cancel building pull requests when there aren't changed in the docs directory.
      #
      # If there are no changes (git diff exits with 0) we force the command to return with 183.
      # This is a special exit code on Read the Docs that will cancel the build immediately.
      - |
        if [ "$READTHEDOCS_VERSION_TYPE" = "external" ] && git diff --quiet origin/main -- docs/ .readthedocs.yml requirements/docs.txt;
        then
          echo "No changes to docs/ - exiting the build.";
          exit 183;
        fi

After merging https://github.com/readthedocs/readthedocs.org/pull/10119 it will render as a multi-line:

However, in the new templates, it's shown as a one-line:

Compare the old and new templates and trace how the build details page renders the YAML block containing the multi-line script. Done means the new templates preserve the script's line breaks and display it as a readable multi-line block rather than a single line.