[FEAT] Add loading skeleton to PR Analytics widget to match commit chart loading UX

[vbarik317-droid]

Problem Statement

Is your feature request related to a problem?
The PR Analytics widget shows no loading state while data is being fetched — the area is blank or flashes, which feels broken compared to the polished skeleton on the commit activity chart.

Describe the solution you'd like
Add a skeleton placeholder to the PR Analytics widget that displays while PR data loads, consistent with the existing loading UX across the dashboard.

Proposed Solution

Proposed Solution

• Create or reuse a SkeletonCard component for the widget's stat tiles
• Apply skeleton during the isLoading / isPending state of the PR metrics API call
• Match the visual style of existing skeleton loaders in the codebase (same height, border-radius, animation)
• Skeleton should cover: stat tiles, widget title area, and any chart/graph inside the widget

Implementation Notes

• Check src/components/ for any existing Skeleton or SkeletonCard — reuse if present
• Use shadcn/ui Skeleton component (from "@/components/ui/skeleton") if no custom one exists
• Skeleton count should match the number of stat tiles rendered in the widget

Why this helps
Consistent loading states make the dashboard feel polished and production-ready, and reduce perceived load time.

Checklist

• Skeleton renders during PR data loading state
• Skeleton matches existing dashboard loading style
• No layout shift when real data loads in
• No TypeScript errors / lint issues

Feature Area

Dashboard

Alternatives Considered

No response

Acceptance Criteria

• ...
• ...

Additional Context

No response

[srinidhi-2006-bit]

Hi @vbarik317-droid,

I would like to work on this issue under GSSoC'26.

My approach:

• Inspect the PR Analytics widget and identify its current loading state handling.
• Check for existing Skeleton or SkeletonCard components in the codebase and reuse them where possible to maintain consistency.
• Add skeleton placeholders for the widget title, stat tiles, and any chart/graph content while PR metrics data is loading.
• Ensure the skeleton layout closely matches the final rendered UI to prevent layout shifts.
• Verify that the implementation aligns with the existing dashboard loading UX and passes all linting and TypeScript checks.

I can submit a PR shortly after assignment.

Thank you!

/assign

[github-actions]

Assigned to @srinidhi-2006-bit! You have 7 days to open a PR. No PR after 7 days = auto-unassigned so others can pick it up. Good luck!

[srinidhi-2006-bit]

Hi @Priyanshu-byte-coder

While investigating this issue, I found that the current codebase already contains the requested implementation. I'm verifying whether there is any remaining work needed or if the issue has already been addressed in code but not yet updated on GitHub.

Could you please confirm whether there are additional requirements for this issue?

Thank you.