LFX coding challenge(assets)

[Ao-chuba]

What does this PR change?

• Implements a comprehensive Assets Page for granular cost analysis
• Adds Time Window Selector (Today, 7d, 30d, 60d, 90d)
• Adds Asset Type Filtering (dynamic filter for Nodes, Disks, Network, etc.)
• Adds Interactive Visualizations with 3 chart types (Pie, Bar, Line)
• Adds KPI Summary Cards with cost trend indicators (up/down arrows)
• Adds Data Table with search, column sorting, and pagination
• Adds CSV Export functionality for efficient data reporting
• Implements production-ready patterns:
  • Smart fallback for trend indicators (uses real data when available)
  • Environment-based mock/real data toggle
  • Responsive layout (Carbon Design System)

Does this PR relate to any other PRs?

• No

How will this PR impact users?

• Users can now inspect infrastructure costs at the individual asset level.
• Enables analyzing cost trends over specific time windows to identify spikes.
• Provides multiple views (charts vs. tables) to visualize cost distribution.
• "Export to CSV" allows for external reporting and analysis.

Does this PR address any GitHub or Zendesk issues?

• Closes Support Assets in the UI #28
• Addresses LFX Mentorship Challenge (Assets Page Implementation)

How was this PR tested?

• Verified with mock data matching the OpenCost API specification.
• Audited for real data compatibility (all components map to real field names).
• Tested responsive behavior on desktop and mobile viewports.
• Verified logic for all filters, charts, and export functions.

Does this PR require changes to documentation?

• No

Have you labeled this PR and its corresponding Issue as "next release" if it should be part of the next OpenCost release? If not, why not?

• No, I do not have write access to the repository to add labels. This PR is a submission for the LFX Mentorship Challenge (Assets Page Implementation)

##ScreenShots

[netlify]

✅ Deploy Preview for opencost-ui ready!

Name	Link
🔨 Latest commit	f862487
🔍 Latest deploy log	https://app.netlify.com/projects/opencost-ui/deploys/69876fda2b01d30008710542
😎 Deploy Preview	https://deploy-preview-190--opencost-ui.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.

[ameijer]

Thank you for your application to our Term 1 Mentorship! We had so many amazing submissions that met and exceeded all our application criteria; this was the hardest mentee selection process we have had to go through. This means that there were many excellent applicants who did great work and correctly implemented the programming challenge, but we could only ultimately select one applicant. Unfortunately, were were unable to move forward with your application.

We hope you will consider applying to one of our future mentorship terms! in the meantime, we are always grateful for any contributions you want to make to OpenCost!.

Thanks again,
Alex, on behalf of the OpenCost Mentors