Add error boundaries WD-8089

[edlerd]

Done

• add error boundary component
• apply error boundary to 1) main content and 2) the whole app

Fixes: WD-8089

QA

1. Run the LXD-UI:
   • On the demo server via the link posted by @webteam-app below. This is only available for PRs created by collaborators of the repo. Ask @lorumic or @edlerd for access.
   • With a local copy of this branch, run as described here.
2. Perform the following QA steps:
   • force an error in a nested component and ensure the boundary works (i.e. add throw new Error("foo"); to InstanceList.tsx

Screenshot

Error in a content component:

Error in navigation or a component higher in the component tree:

[webteam-app]

Demo starting at https://lxd-ui-595.demos.haus

[mas-who]

QA looks good (locally forcing an error)! Perhaps we can pass the actual error component as a fallback prop to the ErrorBoundary to make it slightly more generalised?

[edlerd]

Split out the ErrorPage component and added a fallback prop to the ErrorBoundry

[mas-who]

LGTM. We should wait for @piperdeck to give some design input

[piperdeck]

Looks good to me!