enhancement: better error handing for remote models when there's no internet connection

[urmauur]

Describe Your Changes

1. Addition of defaultDesc Function:

   • A new function defaultDesc is added to encapsulate the logic for displaying a default error description along with a troubleshooting assistance link and modal.

2. Updates in getErrorTitle Function:

   • The refactoring introduced the utilization of defaultDesc in case of an invalid API key error, providing a consistent error description format.

3. New Error Handling Logic:

   • Within the default case of the getErrorTitle switch statement, there's a new conditional check to display a specific message if the content is "Failed to fetch" indicating no internet connection, otherwise, it falls back to showing the message text along with defaultDesc.

4. Structural Changes:

   • Removal of redundant elements by integrating them within the defaultDesc function which is now reused in multiple places.
   • Adjustment of the margins in the outer div from mt-10 to my-6.

Overall, the code improvements enhance the modularity and reusability of the error message rendering logic while ensuring consistent troubleshooting assistance across different error scenarios.

Fixes Issues

• Closes enhancement: Better error handing for remote models when there's no internet connection #4142
• Closes #

Self Checklist

• Added relevant comments, esp in complex areas
• Updated docs (for bug fixes / features)
• Created issues for follow-up changes or refactoring needed

[louis-menlo]

LGTM

[github-actions]

Barecheck - Code coverage report

Total: 68.88%

Your code coverage diff: 0.07% ▴

Uncovered files and lines

File	Lines
web/containers/ErrorMessage/index.tsx	66-67