Sayali: optimize TotalOrgSummary date range loading with parallel API calls, debounce, and caching

[sayali-2308]

Description

Implements #(TaskNumber) (Priority Medium)

Related PRS (if any):

Backend PR related to frontend PR - HGNRest Sayali_Optimize_TotalOrgSummary_DateRange
OneCommunityGlobal/HGNRest#2111

Main changes explained:

• Updated TotalOrgSummary.jsx to run both API calls in parallel using Promise.all instead of sequential awaits
• Added 300ms debounce on date range changes to prevent redundant API calls on rapid selection
• Added frontend in-memory cache (cacheRef) to serve previously fetched date ranges instantly
• Added request cancellation flag to prevent stale responses from updating state

How to test:

1. Check out branch Sayali_Optimize_TotalOrgSummary_DateRange
2. npm install && npm run start:local
3. Clear cache, log in as admin
4. Navigate to Dashboard → Total Org Summary
5. Select a date range - verify data loads with spinner
6. Switch to a different date range, then switch back to the first one - verify it loads instantly (no spinner)
7. Rapidly change date ranges - verify only one API call fires after 300ms
8. Verify dark mode works

Screenshots or videos of changes:

Note:

Backend PR must be merged alongside this for full optimization benefit (server-side caching).

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	33f74d7
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69bb7ec928afe400082d4cac
😎 Deploy Preview	https://deploy-preview-5019--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
2 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

[HemanthNidamanuru]

Hi Sayali,

I tested this PR locally and everything is working as expected. The spinner loads correctly, cached date ranges load instantly, debouncing works fine, and dark mode looks good.

[Vishnu10-hub]

Hi,

Checked branch Sayali_Optimize_TotalOrgSummary_DateRange. Verified Dashboard → Total Org Summary with different date ranges, spinner behavior, API calls optimization, and dark mode — everything is working as expected.

[Anusha-Gali]

Hi Sayali,

I have tested the PR locally and the API calls for repeated date ranges load immediately and for new one's the spinner appears as per requriement.

[one-community]

Thank you all, merging!