feat: added logging if user was redirected to any error page with the…

[web-mi]

… latest x requests

Fixes #

Proposed Changes

[vi-sudo]

Task linked: OB-3716 FE: Login Logging

[what-the-diff]

PR Summary

• Added correlationId to API error handling
  Improves API error tracking and debugging by including correlationId.

• Introduced RequestLog class and requestCollector singleton
  These new additions enable the collection of requests within the frontend, making it easier to monitor and analyze frontend activities.

• Enhancements to fetchData function
  The function now uses the new RequestLog object and introduces improved error handling, such as timeout and abort handling. It also adds a 520 status code for exceptions during API call execution.

• Updated DevToolbar component
  Now displays a table of the last 10 requests made by the app, including method, URL, duration, and response status code. It also shows correlationId when available. This makes debugging easier, especially in production environments with limited access to backend logs.

• Added new requestCollector.ts file
  Defines constants and provides an initial empty array of RequestLogs called "requests."

• Imported dependencies and constants
  The 'uuid' package is imported for generating unique IDs, and appConfig is imported from the appConfig file. Additionally, the REQUEST_LOGS_LIMIT (10) and REQUEST_COLLECTOR_EVENT ("requestCollector") are exported as constants.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
1 Code Smell

No Coverage information
0.0% Duplication