feat(profile): add achievement showcase section to user profile

[AmarTrebinjac]

Summary

• Adds an Achievement Showcase section to the user profile page, displayed between "About Me" and "Stack & Tools"
• Users can select up to 3 unlocked achievements to feature on their profile via a selection modal
• Non-owners see the showcase if achievements are set; owners see an empty state with an "Add" CTA
• Hover cards on showcased achievements display name, description, points, unlock date, and rarity

Key decisions

• Showcase achievement IDs stored in user.flags JSONB (showcaseAchievementIds) — no migration needed
• Modal fetches its own data via useShowcaseAchievements and useProfileAchievements hooks (avoids stale props)
• New showcaseAchievements GraphQL query is public (no auth) and uses read replica
• New setShowcaseAchievements mutation requires auth, validates max 3 and all unlocked
• Lazy-loaded modal via LazyModal pattern for code splitting

Changed files

• AchievementShowcaseModal.tsx — selection modal (checkboxes, max 3, sorted by selected-first then points)
• ProfileAchievementShowcase.tsx — profile section with hover cards
• useShowcaseAchievements.ts — hook for query + mutation with cache invalidation
• achievements.ts (graphql) — GQL query/mutation definitions and client functions
• query.ts — new ShowcaseAchievements request key
• common.tsx / types.ts — lazy modal registration
• [userId]/index.tsx — profile page integration

Closes ENG-830

---

Created by Huginn 🐦‍⬛

Preview domain

https://eng-830-achievement-showcae.preview.app.daily.dev

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
daily-webapp	Building	Preview	Feb 25, 2026 4:11pm

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
storybook	Ignored		Feb 25, 2026 4:11pm