[Sripriya03-hub]

Description:
This is the Phase 2 task "Add the Financials: Overview row with 6 cost cards". The Figma has a Financials: Overview row above Financials Tracking, but it wasn't on the page. This PR adds it as a section that opens and closes, with the 6 cards loaded from real project data and a week over week line like the Project Status cards.

Related PRS:
Backend PR: OneCommunityGlobal/HGNRest#2471. Both are needed to test.

Main changes explained:

• Added a Financials: Overview section right before Financials Tracking, with Total Projected Cost, Predicted Cost Overrun, Total Project Cost, Total Material Cost, Total Labor Cost and Total Equipment Cost, in the Figma order and colors.
• The cards use the page's project, date and comparison filters. With Week Over Week picked, each card shows the change in green or red.
• Cards with no data show N/A with an info icon that explains why.
• Moved the Project Status card code into a shared StatusCards.jsx so both rows use it. Project Status looks and works the same.
• Added the section to the Finance Focus card preset and added tests.

How to test:

1. Check out this branch and the backend PR, run npm install in both, and start both.
2. Log in as an admin and go to BM Dashboard, Reports, Total Construction Summary.
3. Open Financials: Overview (above Financials Tracking). You should see the 6 cards.
4. Pick "Week Over Week" at the top. The cost cards show a +/- % line.
5. Pick a project in the project filter and check the numbers change.
6. Switch to dark mode and check the cards again.
7. Run npx vitest run src/components/BMDashboard/WeeklyProjectSummary. All tests pass.

Screenshots:
Before:

After (light mode):

After (dark mode):

Tests:

Note:
The full frontend test suite passes locally.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	c67ad92
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6aecfa2d0512e9ab3ed0412c
😎 Deploy Preview	https://deploy-preview-5783--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
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