perf: Add bundle analysis to CI pipeline

[Xhristin3]

Problem Statement

The Next.js app has 28 Radix UI dependencies plus recharts, embla-carousel, date-fns, sonner, lucide-react, and zod. No bundle analysis tooling exists to track bundle size regressions. Imported-but-unused dependencies silently increase page load weight.

Evidence

No @next/bundle-analyzer in devDependencies. CI has no bundle size check step.

Impact

Bundle bloat goes undetected. Users experience slow page loads. Tree-shaking effectiveness is unknown. No budget constraints enforced.

Proposed Solution

1. Add @next/bundle-analyzer to app devDependencies
2. Add ANALYZE=true npm run build script
3. Add CI step that builds with analysis enabled and reports sizes
4. Set initial bundle budget thresholds

Acceptance Criteria

• Bundle analyzer configured
• CI reports bundle sizes per page
• Report visible in PR comments or as artifact

File Map

• app/next.config.mjs — add bundle analyzer
• app/package.json — add analyze script
• .github/workflows/ci.yml — add analysis step

---

Labels: performance
Priority: Low | Difficulty: Intermediate | Estimated Effort: 1d

---

Labels: performance
Priority: Low | Difficulty: Intermediate | Estimated Effort: 1d
Backlog ID: REPO-038

[Swayymalcolm99]

Hello maintainer, please can I work on this?

[Adesam007-pr3dator]

Hi, I would love to work on this issue

[samieazubike]

Hi maintainer! Kindly assign the issue to me. I can create a PR within 12hr

[grantfox-oss]

🦊 GrantFox — @Swayymalcolm99 has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #221)
2. Your PR will be reviewed by the XStreamRollz maintainers

Good luck! Track your progress on GrantFox.