feat(web): wrap app in errorboundary

Prevents the app from failing on render errors as mentioned
in #675. More to come..

web/src/providers/errorBoundary.tsx

@@ -0,0 +1,23 @@
+import { Component, ReactNode, ErrorInfo } from 'react';
+
+class ErrorBoundary extends Component<{ children: ReactNode }, { hasError: boolean }> {
+  constructor(props: { children: ReactNode }) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  static getDerivedStateFromError(err: Error) {
+    return { hasError: true };
+  }
+
+  componentDidCatch(error: Error, info: ErrorInfo) {
+    console.error(error, info)
+    this.setState({ hasError: false });
+  }
+
+  render() {
+    return this.state.hasError ? null : this.props.children;
+  }
+}
+
+export default ErrorBoundary;