[Comment, Feed] Consistency for `threaded` and `connected`

# Feature Request Consistency for `.ui.threaded.comments` and `ui.connected.feeds`. Currently, only `feed` using `::before` to give it line between event. On the other hand, `comment` modify its margin and padding to get the same result. What could be improved: - `comments` should be take 100% of container's width - give more space for `.text` to breath - calculated `left` value of `::before` (`avatar's width / 2`) - global **margin-bottom** for `.ui.comments .comment` - give `.ui.comments .comment > .comments` **margin-left** based on `.content` **margin-left** ## Example Before: https://fomantic-ui.com/views/comment.html#comments After: https://codepen.io/ghabe/pen/ByKbRwR ## Screenshots Before <img width="902" height="360" alt="Image" src="https://github.com/user-attachments/assets/1555d29f-a5e9-4a66-8633-8e3b78231f7d" /> After (with and without threaded) <img width="725" height="498" alt="Image" src="https://github.com/user-attachments/assets/be963105-d590-4a82-9e61-0c5e56e1ad03" /> <img width="910" height="503" alt="Image" src="https://github.com/user-attachments/assets/cae71455-13f2-4aed-a85f-0734d0b7d5b1" />