🚀 Feature: Improve UX with reusable Empty State components for zero-data scenarios

[Tech4Aditya]

🔖 Feature description

Problem

Currently, sections like repositories, followers, or recent activity may render blank or awkward layouts when the GitHub user has no available data.

This creates a confusing UX because users cannot tell whether:

• data is still loading
• an error occurred
• the account genuinely has no data

Proposed Solution

Create a reusable EmptyState component and use it across sections where API responses return empty arrays or null values.

Examples:

• No repositories found
• No recent activity available
• No followers/following data
• No contribution data

Benefits

• Better user experience
• Cleaner UI consistency
• Easier maintenance through reusable component architecture
• Improved accessibility and feedback

Possible Implementation

• Create reusable component in:
  src/components/common/EmptyState.tsx

• Add icon + title + optional description props

• Integrate into:

  • RepositoryList
  • RecentActivity
  • ContributionHeatmap
  • Other data-driven sections

🎤 Screenshot

No response

🔄️ Additional Information

No response