#404 add skeleton loader on login activities table

[JacquelineTuyisenge]

PR Description

This pull request adds a skeleton loader for the login activities table,

Description of tasks that were expected to be completed

• Implemented a skeleton loader using react-loading-skeleton for the login activities table.
• Updated the LoginActivitiesTable component to conditionally render the skeleton loader during data fetching.
• Ensured that the skeleton loader matches the structure of the actual table for a seamless transition once data is loaded.
• Verified that the skeleton loader displays correctly on both desktop and mobile views.

How has this been tested?

• The following tests were performed to verify the functionality:
  • Visual Testing: Verified that the skeleton loader appears correctly when the data is loading and disappears when the data is fully loaded.
  • Mobile Responsiveness: Checked that the skeleton loader displays correctly on small screens.

Instructions to reproduce:

1. Checkout into branch , make sure that in your frontend env you have BACKEND_URL=https://devpulse-backend-pr-376.onrender.com and Login
2. go to your profile picture
3. Click on login Activities, skeletons will show
4. change themes and screen width too to see the responsiveness

Number of Commits

The number of commits for this PR is 1.

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 generates no warnings
• My test coverage meets the set test coverage threshold
• There are no vulnerabilities
• There are no conflicts with the base branch

Screenshots (If appropriate)

[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	Oct 24, 2024 10:44am

[RWEMAREMY]

Good job