feat: verify and refine Achievements System (Phase 5)

[saidai-bhuvanesh]

Overview

This PR verifies the Phase 5: Achievement System functionality, ensuring dynamic computations, responsive layouts, and thorough test coverage.

Key Changes

• Achievements Component: Verified Achievements.tsx rendering, expandable view states, and translation integration.
• Achievements API: Verified the achievements route route.ts calculating levels and categories from user metrics.

Verification Details

• Automated Tests: npx vitest run components/dashboard/Achievements.test.tsx

Fixes #6113

[github-actions]

🚨 Hey @saidai-bhuvanesh, the CI Pipeline is failing on this PR and it has been marked as status:blocked.

Please fix the issues before this can be reviewed. Here's how:

1. Run checks locally before pushing:

npm run format:check   # Check Prettier formatting
npm run lint           # Run ESLint
npm run typecheck      # TypeScript type check
npm run test           # Run unit tests (Vitest)
npm run build          # Verify production build passes

2. Auto-fix common issues:

npm run format         # Auto-fix formatting with Prettier
npm run lint -- --fix  # Auto-fix lint errors where possible

3. Check the full failure log here:
👉 View CI Run

Once you push a fix and the CI passes, the status:blocked label will be removed automatically. 💪