[FE-18] Complete Dashboard page with summary cards and Recharts charts in opsce folder

[yusuftomilola]

Problem

frontend/app/(dashboard)/dashboard/page.tsx exists but is largely empty. recharts v3 is installed but not used. Managers have no visual overview of the asset fleet health, distribution, or activity.

Proposed Solution

Create frontend/opsce/features/dashboard/DashboardPage.tsx with summary cards and two Recharts visualizations. Fetch data from the reports API at GET /api/reports.

Acceptance Criteria

• Summary cards: Total Assets, Active Assets, Assets in Maintenance, Total Asset Value — each with a trend indicator (up/down vs. last month)
• AssetsByStatusChart: a Recharts PieChart showing asset count per status (Active, Maintenance, Retired, Inactive)
• AssetsByDepartmentChart: a Recharts BarChart showing asset count per top 5 departments
• Charts are responsive (use ResponsiveContainer)
• All cards and charts show loading skeletons while data is fetching
• A "Recent Activity" section shows the last 5 audit log entries

[Alimzy]

@Alimzy has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello, i would love to solve this issue because i am a software engineer and i have numerous front end project and i have solved similar issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Alimzy to this issue.

[temiport25]

@temiport25 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Can i work on this?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @temiport25 to this issue.

[drips-wave]

Congratulations, @temiport25! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @temiport25: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊