feat: Add upvote UI for hot takes

[rebelchris]

Summary

Add frontend UI for users to upvote hot takes.

Requirements

• Add upvote button to hot take cards
• Show upvote count
• Toggle state when user upvotes/removes upvote
• Optimistic UI updates
• Handle loading and error states

UI/UX

• Upvote button similar to post upvotes
• Show count next to button
• Highlight when user has upvoted

Technical

• Add GraphQL mutation hooks for upvote/remove upvote
• Integrate with hot take components
• Add to relevant card layouts

Dependencies

Requires backend API support from dailydotdev/daily-api#3485

/cc @claude

[claude]

Claude finished @rebelchris's task in 8m 47s —— View job • claude/issue-5354-20260122-1859 • Create PR ➔

---

Upvote UI for hot takes implemented! ✅

Changes made:

GraphQL Layer:

• Extended UserHotTake interface with numUpvotes and userState fields
• Updated GraphQL fragment to query upvote data
• Added HotTake entity type to UserVoteEntity enum

Hooks:

• Created useVoteHotTake hook with:
  • Optimistic cache updates for instant UI feedback
  • Support for upvote/downvote/cancel actions
  • Auth flow integration (shows login prompt for non-authenticated users)
  • Error handling with automatic rollback

UI Components:

• Updated HotTakeItem with:
  • Upvote button using existing design system (QuaternaryButton, UpvoteIcon)
  • Upvote count display with InteractionCounter
  • Active state highlighting when user has upvoted
  • Tooltip showing "Upvote" or "Remove upvote"
• Integrated upvote handler in ProfileUserHotTakes

Analytics:

• Added HotTakeList origin for tracking upvote events

Testing:

• ESLint checks passed ✅
• Code follows repository patterns and guidelines

---

Branch: claude/issue-5354-20260122-1859 |