Initial error handling implementation (#431)

* Added ClientError class

* Rebase client.request on generics

* Added error state to client's response

* Added Error dialog

* Added error to application state

* Catch errors in the application component

* Activated error dialog

* Added error state/dialog to controllers

* Impelment error handling for chart

* Implement error handling in file store

* Error handling in metadata

* Error handling in table

* Error handling in text

* Fixed metadata resource dialog

* Exposed Error Dialog

* fixed cors for errors

* Removed dialog duplication

* Fixed formatting

client/components/Application/Error.tsx

@@ -0,0 +1,14 @@
+import ErrorDialog from '../Parts/Dialogs/Error'
+import { useStore } from './store'
+
+export default function Error() {
+  const updateState = useStore((state) => state.updateState)
+  const error = useStore((state) => state.error)
+  if (!error) return null
+  return (
+    <ErrorDialog
+      detail={error.detail}
+      onClose={() => updateState({ error: undefined })}
+    />
+  )
+}

client/components/Application/Layout.tsx

@@ -5,6 +5,7 @@ import Columns from '../Parts/Grids/Columns'
 import Action from './Action'
 import Content from './Content'
 import Dialog from './Dialog'
+import Error from './Error'
 import Header from './Header'
 import Browser from './Browser'
 import Menu from './Menu'
@@ -20,6 +21,7 @@ export default function Layout() {
   }, [])
   return (
     <React.Fragment>
+      <Error />
       <Dialog />
       <Header />
       <Columns layout={[3, 9]}>