src/components/comments-social/
├── index.ts
├── components/
│   ├── social-comment-section.tsx   # Main component
│   ├── new-comment-form.tsx          # Comment input
│   ├── sort-by-button.tsx            # Top/New/Old sorting
│   ├── comments-feed/
│   │   ├── comments-feed.tsx
│   │   ├── single-comment.tsx        # Individual comment
│   │   ├── heart-button.tsx          # Like button
│   │   └── reply-button.tsx
│   └── modals/
├── hooks/
│   └── use-social-comments.tsx
├── utils/
└── context/

// Edit heart-button.tsx
<span style={{ color: '#EC4899' }}>  {/* Pink heart */}
  ❤️
</span>

// Edit social-comment-section.tsx
const sortOptions = ['top', 'new'];  // Remove 'old'