Comments

[cindywu]

This PR matches the Comment Design System: https://www.figma.com/file/gt3p3JDh5W5i5N2wXxE7I5/Design-System?node-id=0%3A1

• [x] add comment count to top of comment container
• [x] move code rendering comments from comments.js to CommentContainer.js
• [x] create Comment.js CommentContainer.js components
• [x] move handleReplySubmit and from Comment.js to comments.js
• [x] guest commenting UX
• [x] add highlighted text to comment view|
• [x] fix avatar for logged out users
• [ ] stick comment in right gutter with width of col-md-3
• [ ] move delete to ellipsis dropdown
• [ ] clean up comments.scss
• [ ] ux for empty message https://github.com/jellypbc/poster/issues/203

future

• hover over highlighted text, see comment number in sidebar
• markdown in comments
• math in comments
• fix the can't comment copy text issue!
• fix pasting issue!

[linear[bot]]

JEL-221 comments

* [X] add comment count to top of comment container * [X] move code rendering comments from `comments.js`to `CommentContainer.js` * [X] create `Comment.js` component * [X] move `handleReplySubmit`and `handleReplyCancel`from `Comment.js`to `comments.js` * [ ] guest registration styles * [ ] stick comment in right gutter with width of `col-md-3` * [ ] move delete to ellipsis dropdown * [ ] fix the can't comment copy text issue! * [ ] fix pasting issue! * [ ] markdown in comments * [ ] math in comments * [ ] hover over highlighted text, see comment number in sidebar * [ ] fix avatar for logged out users… no avatar for logged out user * [ ] clean up `comments.scss` [Comment - Design System (Figma)](https://www.figma.com/proto/gt3p3JDh5W5i5N2wXxE7I5/Design-System?node-id=23%3A0&viewport=-3603%2C170%2C0.3872848153114319&scaling=min-zoom) 

[cindywu]

WIP

[cindywu]

guest commenting UX

[cindywu]

WIP shows highlighted text in comment container

[cindywu]

Closing this PR. We are migrating to Typescript https://github.com/jellypbc/poster/pull/404, so I will restart this PR to avoid the mess.