Web Error Handling

[phixMe]

Problem

Error state never went away without a hard refresh and users did not really like this experience.

Example:

Closes: https://github.com/MarquezProject/marquez/issues/2888

Solution

Several Enhancements here including:

1. Using core library component for rendering that is more in line with a canonical UX for this purpose.
2. Auto dismiss after 5 seconds
3. Manual dismiss available.

One-line summary: Error Handling Resolution

Checklist

• [x] You've signed-off your work
• [ ] Your changes are accompanied by tests (if relevant)
• [x] Your change contains a small diff and is self-contained
• [ ] You've updated any relevant documentation (if relevant)
• [x] You've included a one-line summary of your change for the CHANGELOG.md (Depending on the change, this may not be necessary).
• [ ] You've versioned your .sql database schema migration according to Flyway's naming convention (if relevant)
• [x] You've included a header in any source code files (if relevant)

[netlify[bot]]

✅ Deploy Preview for peppy-sprite-186812 canceled.

Name	Link
🔨 Latest commit	6a40b9fa9cadd3b71a61263726de357965cd71c9
🔍 Latest deploy log	https://app.netlify.com/sites/peppy-sprite-186812/deploys/66d741fd9360e20008960293

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 83.25%. Comparing base (fef9dbd) to head (6a40b9f).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #2889 +/- ## ========================================= Coverage 83.25% 83.25% Complexity 1476 1476 ========================================= Files 259 259 Lines 6785 6785 Branches 313 313 ========================================= Hits 5649 5649 Misses 981 981 Partials 155 155 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.