feat: implement user profiles with achievements and primary badge system (#58)

## Summary

This PR implements comprehensive user profile enhancements including:
- User profile pages showing stats, badges, social links, and bio
- Achievement system with 62 achievements across 5 categories
- Primary badge selection allowing users to display their preferred badge
- Admin profile editing capabilities

## Changes

### User Profiles (#45)
- **Frontend**: User profile pages with stats display
  - Profile cards showing avatar, display name, username, and bio
  - Social links section (Website, GitHub, Bluesky, LinkedIn, Twitch, YouTube, Discord)
  - Stats display (suggestions, accepted suggestions, likes, comments)
  - Recent achievements section
  - Badge display
  - Report button for other users' profiles
- **Backend**: Profile API endpoints
  - Get user profile by username or ID
  - Profile includes stats, badges, and achievement points

### Achievement System (#48)
- **Database**: UserAchievement model for tracking progress
- **62 Total Achievements** across 5 categories:
  - **Suggestions (15)**: First suggestion through ultimate curator
  - **Likes (12)**: First like through legendary fan
  - **Comments (12)**: First comment through review legend
  - **Engagement (15)**: Login streaks and activity milestones
  - **Reports (8)**: Valid reports and accuracy tracking
- **Backend**: AchievementService with real-time checking
  - Integrated into all user interaction points
  - API endpoints for achievement data
  - Progress tracking to avoid recalculation
- **Frontend**: Achievements page and profile integration
  - Full achievements page with category filtering
  - Tier-based styling (Bronze, Silver, Gold, Platinum, Diamond)
  - Progress indicators for in-progress achievements
  - Recent achievements on profile pages

### Primary Badge System (#49)
- **Database**: Add primaryBadge field to User model
- **Backend**: Update profile endpoints to include primary badge
- **Frontend**: Primary badge selection in settings
  - Only shows badges the user has earned
  - Displayed on profile page
  - Displayed in comments (next to username)
  - Falls back to no badge if selection is invalid
- **Admin Features**: Admin can edit any user's primary badge

### Admin Enhancements
- Comprehensive profile editing modal for admins
  - Edit display name, bio, slug, social links
  - Set primary badge for users
  - Visual feedback for save/error states
- Admin action buttons in report review modals
  - Ban user, delete comment, edit profile
  - Integrated with report workflow

### Quality Improvements
- Improved dropdown option contrast for readability
- Hide all badges when no primary badge is selected
- "View All" achievements link only shown on own profile
- Improved achievement text readability

## Testing

- ✅ User profiles display correctly with stats and badges
- ✅ Achievement checking works for all interaction types
- ✅ Primary badge selection persists and displays correctly
- ✅ Admin profile editing saves successfully
- ✅ Report workflow integrated with admin actions
- ✅ Achievements page shows all 62 achievements with filtering
- ✅ Text readability improved across components

Closes #45
Closes #48
Closes #49

Co-authored-by: Hikari <hikari@nhcarrigan.com>
Reviewed-on: #58
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

shared-types/test/auth.types.spec.ts

@@ -10,30 +10,32 @@ describe("auth Types", () => {
   describe("user interface", () => {
     it("should accept valid user objects", () => {
       const userWithAvatar: User = {
-        avatar:    "https://example.com/avatar.png",
-        discordId: "discord123",
-        email:     "test@example.com",
-        id:        "user123",
-        inDiscord: true,
-        isAdmin:   true,
-        isBanned:  false,
-        isMod:     true,
-        isStaff:   true,
-        isVip:     false,
-        username:  "testuser",
+        avatar:        "https://example.com/avatar.png",
+        discordId:     "discord123",
+        email:         "test@example.com",
+        id:            "user123",
+        inDiscord:     true,
+        isAdmin:       true,
+        isBanned:      false,
+        isMod:         true,
+        isStaff:       true,
+        isVip:         false,
+        profilePublic: true,
+        username:      "testuser",
       };
 
       const userWithoutAvatar: User = {
-        discordId: "discord456",
-        email:     "another@example.com",
-        id:        "user456",
-        inDiscord: false,
-        isAdmin:   false,
-        isBanned:  false,
-        isMod:     false,
-        isStaff:   false,
-        isVip:     true,
-        username:  "anotheruser",
+        discordId:     "discord456",
+        email:         "another@example.com",
+        id:            "user456",
+        inDiscord:     false,
+        isAdmin:       false,
+        isBanned:      false,
+        isMod:         false,
+        isStaff:       false,
+        isVip:         true,
+        profilePublic: false,
+        username:      "anotheruser",
       };
 
       expect(userWithAvatar.avatar).toBe("https://example.com/avatar.png");
@@ -44,16 +46,17 @@ describe("auth Types", () => {
 
     it("should handle all boolean flags correctly", () => {
       const bannedUser: User = {
-        discordId: "discord789",
-        email:     "banned@example.com",
-        id:        "banned123",
-        inDiscord: false,
-        isAdmin:   false,
-        isBanned:  true,
-        isMod:     false,
-        isStaff:   false,
-        isVip:     false,
-        username:  "banneduser",
+        discordId:     "discord789",
+        email:         "banned@example.com",
+        id:            "banned123",
+        inDiscord:     false,
+        isAdmin:       false,
+        isBanned:      true,
+        isMod:         false,
+        isStaff:       false,
+        isVip:         false,
+        profilePublic: false,
+        username:      "banneduser",
       };
 
       expect(bannedUser.isBanned).toBeTruthy();
@@ -97,17 +100,18 @@ describe("auth Types", () => {
       const authResponse: AuthResponse = {
         accessToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
         user:        {
-          avatar:    "https://example.com/avatar.png",
-          discordId: "discord123",
-          email:     "test@example.com",
-          id:        "user123",
-          inDiscord: true,
-          isAdmin:   false,
-          isBanned:  false,
-          isMod:     false,
-          isStaff:   false,
-          isVip:     false,
-          username:  "testuser",
+          avatar:        "https://example.com/avatar.png",
+          discordId:     "discord123",
+          email:         "test@example.com",
+          id:            "user123",
+          inDiscord:     true,
+          isAdmin:       false,
+          isBanned:      false,
+          isMod:         false,
+          isStaff:       false,
+          isVip:         false,
+          profilePublic: true,
+          username:      "testuser",
         },
       };