fix: External image fallback may not work reliably because it overwrites src without guarding

[Aditya8369]

closes #3607

[vercel]

@Aditya8369 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 @Aditya8369, 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. 💪

[Aamod-Dev]

Hey @Aditya8369, this PR has a status:blocked label so I can't approve it for now. The onError fallback pattern looks good across all 7 components — CompareClient.tsx, LandingPageClient.tsx, ContributorsSearch.tsx, CommitPulseSection.tsx, Leaderboard.tsx, GithubWrapped.tsx, HallOfFame.tsx, and ProfileCard.tsx. The guard checking arget.src !== 'https://github.com/github.png' prevents infinite loops. Once the block is cleared, I'll be happy to re-review!

[Aamod-Dev]

Review

This PR cannot be approved in its current state due to blocking issues (status:blocked label, merge conflicts, needs-rebase label, and/or failing CI checks). Please resolve the blocking issues and re-request review.

Once unblocked, I'm happy to re-review! 💚