Enhance Comment Section with Editing, Replying, and Reactions; Modernize UI

[guillermoscript]

As a [user type], I want to be able to edit my own comments, reply to others' comments, and add reactions to them. Additionally, I'd like the comment section to have a modern and clean design that displays the username of each
commenter.

Acceptance Criteria:

1. Editing Comments: Users can edit their own comments by clicking an "Edit" button next to the original comment. The edited comment should be saved as a new version, and the original comment should remain intact.
2. Replying to Comments: Users can reply to existing comments by clicking a "Reply" button next to the original comment. The replied comment should be indented to show its relationship to the original comment.
3. Adding Reactions: Users can add reactions (e.g., thumbs up, hearts) to comments using buttons or emojis. These reactions should be displayed alongside the comment and should be visible to all users viewing the comment
   section.
4. Modernized UI: The comment section should have a modern and clean design that includes:
   • Clear typography and spacing
   • Consistent use of whitespace and padding
   • A clear visual hierarchy for comments, replies, and reactions
   • The username of each commenter displayed prominently next to their comment
5. Username Display: The username of each commenter should be displayed alongside their comment, making it easy to identify the author of each comment.

current UI