Hooks editor in mig-ui should use a monospaced font so that users can visually determine if YAML alignment is correct.

[djwhatle]

I don't know how to get this into the hooks page due to the web of inheritance going on with styling in react and SCSS, but I can say that manually applying this style in the browser inspector achieved the desired result:

font-family: var(--pf-global--FontFamily--monospace) !important
font-size: .8em