[Frontend]API Logs UI Integration in Dashboard

[sahilrajput0fficial]

Overview

Extend the existing analytics dashboard to include request-level API logs and insights. This enhances debugging capabilities by providing granular visibility into API activity.The issue will be completed after completion of issue #107

---

Scope of Work

1. Update Analytics.jsx

• Add a new tab/section: "API Logs"
• Display key metrics:
  • Total requests
  • Error rate (4xx, 5xx)
  • Average response time

2. Update ProjectDetails.jsx

• Add a Recent Requests Table

• Include columns:

  • Endpoint
  • Method
  • Status Code
  • Response Time
  • Timestamp

• Add filtering options:

  • Filter by endpoint
  • Filter by status code (focus on errors)

---

###UI/UX Requirements

• Highlight failed requests (4xx/5xx) using distinct colors
• Maintain consistency with existing dashboard design
• Ensure smooth performance (avoid heavy rendering)