Neeraj Fix Demand Across Villages Graph Rendering Issue

[Neeraj-Kondaveeti]

Description

Related PRS (if any):

This frontend PR is related to the Development Backend PR.
…

Main changes explained:

• Updated the village analytics layout to improve responsive rendering behavior across screen sizes.
• Fixed chart container sizing issues affecting Recharts ResponsiveContainer.
• Added a fallback state for empty graph data.
• Adjusted chart margins and height to prevent graph collapse and improve rendering consistency.
• Improved responsiveness for the "By Village" analytics section without affecting existing functionality.
• Preserved existing dark mode support and filter behavior.

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/lbdashboard
6. Verify: "Demand across Villages" graph renders correctly.

Screenshots or videos of changes:

Note:

This PR focuses only on fixing the graph rendering.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	9098e3a
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a177514ad3e730008301459
😎 Deploy Preview	https://deploy-preview-5298--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

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