feat(customize): Add Export Options for PNG, WebP, and PDF in Customizer Generator

[nishtha-agarwal-211]

Description

Fixes #8243

Added PNG, WebP, and PDF export capabilities to the Customizer generator page (/customize). Users can now download high-resolution raster images (PNG & WebP) and vector documents (PDF) directly from their browser with instantaneous toast feedback, retaining exact theme colors, custom gradients, dimensions, and typography.

Pillar

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

Visual Preview

• Export Action Bar: Added Download PNG, Download WebP, and Download PDF action buttons to ExportPanel.tsx.
• Toast Feedback: Instant sonner notifications triggered on successful/failed export.

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 started 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.

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[retenta-bot]

This pull request enhances the Customizer generator by adding export options for PNG, WebP, and PDF formats, which improves user experience by providing high-resolution downloads directly from the browser. It's worth noting that similar past decisions focused on enhancing the ExportPanel's functionality, particularly regarding timezone normalization and calendar boundary handling. These improvements ensure that the application maintains accuracy and consistency across various settings. Thank you for your contribution, and I look forward to your updates!

[github-actions]

📦 Next.js Bundle Size Report (Gzipped Sizes)

Asset	PR Size	Base Size	Difference	Status
static/chunks/6139-[hash].js	1.57 KB	-	+1.57 KB (++100%)	🆕 New
static/chunks/6247-[hash].js	35.85 KB	35.63 KB	+0.22 KB (+0.62%)	🔴 Regression
static/chunks/app/customize/page-[hash].js	21.49 KB	20.88 KB	+0.62 KB (+2.95%)	🔴 Regression
static/css/[hash].css	41.13 KB	41.08 KB	+0.04 KB (+0.10%)	🔴 Regression

📊 Summary of Totals

Category	PR Size	Base Size	Difference
Total JS	3993.37 KB	3985.28 KB	+8.09 KB (+0.20%)
Total CSS	331.81 KB	331.41 KB	+0.40 KB (+0.12%)

[Aamod007]

This is a massive usability upgrade! Adding native PNG, WebP, and PDF exports to the Customizer makes it so much easier for users to download their personalized badges in their preferred format. The updates to the i18n locales and the test files show great attention to detail.

Fantastic work on this!

Label Justification:

• \level:critical: Assigned based on 12 files changed across components, tests, and internationalization locales.
• \quality:clean: Excellent feature completeness including i18n support and robust test updates.
• \ ype:feature: Introduces new export capabilities to the Customizer.
• \mentor:Aamod007: Assigned as required.

[github-actions]

🎉 Congratulations @nishtha-agarwal-211! Your PR has been successfully merged. 🚀

Thank you for contributing to CommitPulse. Your work helps us build a better tool for the community.

⚠️ Important for GSSoC Contributors:
You are strictly advised to join our Discord Server as it is mandatory for all GSSoC participants. All important announcements, point claims, and community discussions happen there.

Keep building! 💻✨