Correct displacement of stavenote keys on same line

This fixes an issue where two keys of a stavenote that are on the same line aren't consistently rendered with the correct displacement. 

*Example:* if F/4 and F#/4 are keys of a stavenote, only the first one is rendered on the line. The second one is missing, or rather, it is overlayed on the first so that it appears that there is only one note. The expected behavior is that after the first key is rendered, the second one should be displaced and shifted to the right so that it is visible as well.

- [ ] add unit tests