[Bug]: Add Loading States to All Program Cards

[suman20041]

Description

Program cards currently load instantly without any visual loading indicator, causing layout shifts and a poor user experience while content is being fetched.

Steps to Reproduce

• Navigate to the Programs page
• Observe the program grid area while page loads
• Notice cards appear abruptly without any loading skeleton
• See content shift as images and text populate

Expected Behavior

• Loading skeleton cards should display immediately when navigating to the Programs page
• 6 skeleton cards should appear with shimmer animation effect
• Skeleton should match card structure (icon, title, text, badge)
• Cards should have staggered animation delays for smooth appearance
• Actual content should replace skeletons once data loads

Actual Behavior

• Blank space appears where program cards will load
• Cards suddenly appear when data loads
• No visual feedback that content is loading
• Layout shifts occur as content populates

[github-actions]

Thanks @suman20041! 👋
Your issue is important — maintainers will take a look soon.

Before contributing, please note:
🔹 Make sure you check #23 – Important Contributing Guidelines for OpenSource Compass
🔹 PRs should be raised only after the issue is assigned