chore: Improve Observability for Frontend

[abhishek310001]

Description:

Recheck and enhance the observability of the frontend to ensure the boilerplate has robust monitoring and error-tracking tools. The goal is to identify and resolve issues efficiently while maintaining a seamless user experience. Additionally, ensure that error alerts are sent to Microsoft Teams for immediate visibility by the development team.

Frontend:

• Integrate error tracking tools like Sentry for capturing JavaScript errors.
• Track performance metrics (e.g., page load times, failed API calls) using tools like LogRocket or Google Analytics.
• Configure alerts for critical user experience issues and send them to Microsoft Teams channels for efficient collaboration and resolution.

Acceptance Criteria

1. Frontend:

   • Error tracking and performance monitoring tools are integrated (e.g., Sentry, LogRocket).
   • Alerts for critical frontend issues are configured and sent to Microsoft Teams.
   • Performance metrics such as page load times, API failures, and resource usage are tracked and logged.

2. Documentation:

   • Step-by-step guide for setting up monitoring tools and configuring alerts for new projects.
   • Instructions for integrating with Microsoft Teams to receive error notifications.
   • Best practices for frontend observability, including error categorization and resolution.