Allow styling of notes/EditorComment

[pdaengeli]

First of all, thanks for this nice tool. We are evaluating it and might use it for some smaller edition projects.

As the red asterisk risks to be too prominent for some editions it would be great to have a way to influence the styling of the reference marker.

Currently, styles are assigned inline in EditorComment.js#L41-L48:

  const style = { display: 'inline' }
  const asteriskStyle = { fontStyle: 'bold', fontSize: '18pt', color: 'red' }
  return (
    <div style={style}>
      <span onClick={e => onOpen(e)} style={asteriskStyle}>*</span>
      {renderPopper()}
    </div>
  )

Would you consider adding a class on the div or span, e.g., refMark?

Another idea is to re-use tei-note, but I can't judge potential side effects.