fix(ci): resolve Prettier formatting discrepancies in multiple files

[nishtha-agarwal-211]

Description

Fixes #8915

Resolves CI code quality check (npm run format:check) failure by fixing Prettier code formatting style discrepancies in BurnoutRiskTable.tsx, InteractiveViewer.tsx, customization.md, and achievements.ts.

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

N/A (Formatting fix)

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
• I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
• My commits follow the Conventional Commits format (e.g., feat(themes): ..., fix(calculate): ...).
• I have updated README.md if I added a new theme or URL parameter.
• I have starred the repo.
• I have made sure that i have only one commit to merge in this PR.
• The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).
• (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

[vercel]

@nishtha-agarwal-211 is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

[retenta-bot]

This PR resolves formatting issues that were causing CI failures, which is crucial for maintaining code quality. It's great to see the attention to detail in ensuring that all formatting checks pass. Please ensure that similar formatting checks are consistently applied in future contributions. Thank you for your efforts in keeping the codebase clean!

[Copilot]

Pull request overview

This PR aims to resolve CI npm run format:check failures by applying Prettier formatting fixes across a couple of TS/TSX files and a documentation file.

Changes:

• Re-formatted TypeScript union types for readability/Prettier compliance.
• Re-formatted React/TSX code blocks in InteractiveViewer.tsx to match Prettier output.
• Updated docs/customization.md table formatting (currently introduces a malformed table row).

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File	Description
types/achievements.ts	Prettier-driven formatting of union type definition.
docs/customization.md	Attempts to adjust markdown table formatting, but currently breaks the table separator row.
components/InteractiveViewer.tsx	Prettier formatting of Array.from and map render blocks.
components/burnout/BurnoutRiskTable.tsx	Prettier-driven formatting of union type definition.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[github-actions]

🚨 Hey @nishtha-agarwal-211, 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. 💪