Replace Loading Spinner with Skeleton UI Across Mentorship Portal

[kasya]

Currently, pages in the mentorship portal (both internal and public) show a traditional loading spinner while data is being fetched.

To improve user experience and reduce perceived loading time, we want to replace all loading spinners with skeleton screens that mimic the structure of the content being loaded.

---

Requirements

• Replace all loading spinners with skeleton UI components across the portal:
  • Internal pages (admin/mentor view under /my/mentorship/)
  • Public pages (program and module views under /mentorship)
• Skeletons should reflect the layout and structure of each page (e.g., cards, tables, lists).
• Ensure skeletons display only while data is loading, and disappear once data is available.
• Maintain accessibility standards (e.g., appropriate ARIA roles).
• Keep responsiveness intact (skeletons should work on mobile and desktop layouts).

[ishanBahuguna]

@kasya I would like to work on this , kindly assign this to me

[Swyamk]

@kasya I would love to work on this issue. Can u assign it to me .

[0xgaurav]

Hi! @kasya I’d like to take this up.

1.I can replace existing loading spinners with skeleton UI components across both internal and public mentorship pages.

2.Ensure skeletons match the layout (cards/tables/lists) and hide once data loads.

3.Maintain accessibility (proper ARIA roles) and responsiveness for all devices.
Please assign this to me.

[anurag2787]

@kasya @arkid15r Could you please assign this to me? I am familiar with the frontend part and would love to take this up

[mrkeshav-05]

Hi @arkid15r , @kasya Could you assign this issue, I would love to work on this.

[HarshitVerma109]

Hi @kasya
Could you please assign this issue to me?

[nileshpahari]

I'm happy to work on this, if assigned.