feat: comparison table user avatar name

[lazzyms]

Fixes #63

This pull request introduces several improvements and refactors to enhance user profile display, strengthen type safety, and update project tooling. The main feature is the addition of user avatars and display names throughout the UI, supported by changes to the API, data fetching, and types. It also improves error handling and updates ESLint configuration for better code quality.

User Profile Enhancements

• Added name and avatarUrl fields to UserResult, GitHubUserData, and related types, and updated the GitHub GraphQL query and data fetching logic in lib/github.ts to retrieve and return these fields. [1] [2] [3] [4]
• Updated the API response in app/api/compare/route.ts to include name and avatarUrl for each user, and adjusted the UI in components/comparison-table.tsx to display user avatars and names. [1] [2]

Type Safety Improvements

• Replaced any types with unknown in several components and API handlers to improve type safety, e.g., in components/compare-form.tsx, app/page.tsx, and app/api/compare/route.ts. [1] [2] [3]
• Updated badge and icon types in components/top-list.tsx to use ReactNode instead of any for better type checking. [1] [2]

Tooling and Code Quality

• Added a new eslint.config.mjs using Next.js recommended configs and updated the lint script in package.json to use ESLint directly. [1] [2]

UI and Content Tweaks

• Fixed HTML entity for apostrophe in the tie message in components/result-dashboard.tsx.
• Minor UI improvements, such as adjusting the card header padding and winner highlighting in components/comparison-table.tsx.

Code Cleanup

• Removed unused items array in components/breakdown-bars.tsx and cleaned up type definitions in components/comparison-table.tsx. [1] [2]

[vercel]

@lazzyms is attempting to deploy a commit to the osama's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for the pull request! ✅

A maintainer will review this soon. Please be patient while we take a look. 🙌

[Copilot]

Pull request overview

Adds GitHub user display metadata (full name + avatar) to the compare flow so the UI can show richer user headers, while also tightening some TypeScript error handling and updating lint/tooling.

Changes:

• Extend GitHub data fetching + API response to include name and avatarUrl.
• Update comparison UI to render avatar + display name (with username fallback).
• Replace some any usages with unknown and introduce a flat ESLint config + updated lint script.

Reviewed changes

Copilot reviewed 12 out of 14 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
types/user-result.ts	Adds name/avatarUrl to the UI-facing user result model.
types/github.ts	Adds name/avatarUrl to the GitHub fetch result type.
lib/github.ts	Updates GraphQL query + mapping to return name/avatarUrl.
app/api/compare/route.ts	Includes name/avatarUrl in API output and improves error typing.
components/comparison-table.tsx	Renders avatar + display name in the comparison table header.
next.config.js	Allows next/image to load GitHub avatar images from avatars.githubusercontent.com.
app/page.tsx	Improves catch typing from any → unknown.
components/compare-form.tsx	Improves prop typing (any → unknown).
components/top-list.tsx	Replaces badge/icon any types with ReactNode.
components/result-dashboard.tsx	Fixes apostrophe HTML escaping in tie message.
components/breakdown-bars.tsx	Removes unused array (cleanup).
eslint.config.mjs	Introduces flat ESLint config using Next configs.
package.json	Changes lint script to run ESLint directly.

---

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