Adding "$" before code blocks that isn't selectable by a user

dynamic-replace.js

var code = document.querySelector(":is(.language-bash, .language-shell, .language-zsh, .language-sh, .language-console).highlighter-rouge pre.highlight > code")

code.innerHTML = code.innerHTML.split("\n").map((str) => {
  return str.replace(/^(\w)/, "<span class='highlight-command-line-start'>$</span>$1")
}).join("\n")

styles.css

.highlight-command-line-start {
  user-select: none;
  padding-inline-end: 0.45em;
  color: gray; 
}