feat: OPTIC-1746: Improve global error message handling by showing toast messages in favour of modals with increased Sentry reporting

[bmartel]

This PR was automatically generated via Follow Merge. Workflow Run
Please ensure that all linked upstream Pull Requests are merged before proceeding with this one.

This pull request introduces several changes to streamline error handling and improve the user experience by integrating toast notifications across various components as a replacement of a modal message. There are also improvements to Sentry error tracking of non actionable errors which will no longer be shown to the user through updates to the API provider to handle global error messages more effectively.

UI Enhancements:

• Added ToastProvider and ToastViewport components to App.jsx, Form.jsx, and Modal.jsx to enable toast notifications which provide a less intrusive way of communicating failures over the previous default of a Modal message. [1] [2] [3] [4] [5] [6] [7]

Error Handling Improvements:

• Enhanced Sentry integration by adding environment-specific configurations and new methods captureMessage and captureException for better error tracking.
• Updated ApiProvider to support improved global error messages, including the use of toast notifications for 4xx errors and enhanced error logging to Sentry for non-4xx errors. [1] [2] [3] [4] [5]

Testing

• TBD

Feature Flags:

• Introduced a new feature flag fflag_feat_front_optic_1746_improve_global_error_messages_short to control the rollout of these changes.

[netlify]

✅ Deploy Preview for label-studio-docs-new-theme ready!

Name	Link
🔨 Latest commit	0b21bd4
🔍 Latest deploy log	https://app.netlify.com/sites/label-studio-docs-new-theme/deploys/67cfefee84128100082274fd
😎 Deploy Preview	https://deploy-preview-7167--label-studio-docs-new-theme.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 site configuration.

[netlify]

✅ Deploy Preview for heartex-docs ready!

Name	Link
🔨 Latest commit	0b21bd4
🔍 Latest deploy log	https://app.netlify.com/sites/heartex-docs/deploys/67cfefee2eb90a00084d5055
😎 Deploy Preview	https://deploy-preview-7167--heartex-docs.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 site configuration.

[AndrejOros]

/fm sync

Workflow run

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 77.18%. Comparing base (4108f9e) to head (2a22930).
Report is 14 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #7167      +/-   ##
===========================================
- Coverage    77.20%   77.18%   -0.03%     
===========================================
  Files          187      187              
  Lines        14484    14491       +7     
===========================================
+ Hits         11183    11185       +2     
- Misses        3301     3306       +5     

Flag	Coverage Δ
pytests	77.18% <ø> (-0.03%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[AndrejOros]

/fm sync

Workflow run

[AndrejOros]

/fm sync

Workflow run