Implement Error State Handling in Proposal Editor

[minikin]

Summary

Ensure proper error handling in the Proposal Editor, displaying informative messages when users encounter issues such as submission failures or connectivity problems.

Description

• Implement error handling for the following scenarios:
  • Proposal submission failure
    • Display a modal error message when a proposal cannot be submitted.
    • Provide a clear explanation and a retry suggestion (e.g., "Please try again in 5-10 minutes").
    • Offer a support contact option if the issue persists.
  • Comment submission failure
    • Display a similar error modal when adding a comment fails.
    • Suggest troubleshooting steps or retrying later.
  • Network issues
    • Detect when the user loses connection and display a banner notification.
    • Automatically attempt to reconnect and retry actions when possible.
  • API errors
    • Handle unexpected API failures gracefully.
    • Log errors for debugging while keeping the user experience smooth.
• Ensure that error messages are consistent in design and match the Figma specifications.

Acceptance Criteria

• Users receive a clear error message when submission or commenting fails.
• The error modals include appropriate troubleshooting suggestions.
• The system attempts to retry actions when possible.
• Network issues display a notification banner and auto-reconnect.
• The UI follows the Figma design and is responsive.

References

• Figma design for Error Messages

Depends on

• #XXXX (Submit for Review Stage in Proposal Editor)
• #XXXX (Integrate Proposal Editor with Backend API)
• #XXXX (Implement Add/View Comments in Proposal Details)