Feat Add a “Share Insights” button that generates a small image card for LinkedIn, X, or README

[Subhash21022]

Description

This PR implements the requested "Share Insights" feature, allowing users to effortlessly generate and share a visually appealing summary card containing their key contribution metrics.

Fixes #6663

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Feature addition)

Changes

• Insights Share Modal: Created a new InsightsShareModal component that previews the generated card and provides easy access to one-click sharing across X (Twitter), LinkedIn, direct PNG downloads, and Markdown copying for READMEs.
• Insights OG Image Endpoint: Implemented a new server-side ImageResponse route at /api/insights-og that dynamically generates a premium, high-quality 1200x630 sharing card.
• Key Metrics Included:
  • Total Contributions
  • Current Streak
  • Longest Streak
  • Most Active Day
  • Most Active Month
• Contribution Panel Update: Added a sleek "Share" button to the header of the ContributionInsightsPanel to trigger the new modal.

Visual Preview

(You can paste a screenshot of the generated insights-og card or the Share Modal here)

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/api/insights-og?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(insights): ...).
• 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 (or they are squashable).
• The SVG/PNG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).

[vercel]

@Subhash21022 is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

🚨 Hey @Subhash21022, 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. 💪