skeleton loader #415

[Dawaic6]

PR Description

This PR reconstructs the skeleton loaders across the entire application to better match the respective page layouts. The goal is to enhance the user experience by providing more accurate visual placeholders that align with the design and content of each page while the data is loading.

Description of tasks that were expected to be completed

• Ensured consistency in loader colors, sizes, and spacing across all pages.
• Made all skeleton loaders responsive to adapt well to different screen sizes.

How has this been tested?

Manual Testing: Verified each page's skeleton loaders to ensure they align with the respective page layout and design

• Navigated through each page to check that loaders appear correctly while data is being fetched.
• Checked that the loaders are responsive and adapt well to different screen sizes.
• Ensured no existing functionality was broken by the new loaders.

Screenshots (If appropriate)

• calender

- **organisation** - ttl page # Please check this Checklist before you submit your PR:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• My code generate no warnings
• My test coverage meet the set test coverage threshold
• There are no vulnerabilities
• There are no conflicts with the base branch

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
metron-devpulse	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 30, 2024 2:34pm