Neeraj Add Due Date Alerts and Visual Indicators For Resource Usage Monitoring

[Neeraj-Kondaveeti]

Description

Related PRS (if any):

This frontend PR is related to the Development backend branch.
…

Main changes explained:

• Updated ResourcesUsage.jsx to add due date evaluation logic for each resource usage record
• Implemented status classification based on due date:
  • Overdue (past due date)
  • Due Soon (within 7 days)
  • On Track (more than 7 days away)
• Added visual indicators in the Due Date column:
  • ⚠️ for Overdue
  • ⏳ for Due Soon
• Introduced tooltips for better clarity on hover

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. Navigate to: http://localhost:5173/communityportal/activity/:activityId/resourcesusage
6. Verify the following:
   • Rows with past due dates are marked as Overdue and ⚠️ icon
   • Rows with due dates within 7 days are marked as Due Soon and ⏳ icon
   • Rows with due dates beyond 7 days appear as On Track with no highlight
   • Hovering over due date shows appropriate tooltip

Screenshots or videos of changes:

Note:

This PR is a redo of the #4765 PR.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	46b2adb
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69d4365fc68ec50008c084e6
😎 Deploy Preview	https://deploy-preview-5114--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud