feat: introduce snackbars for GQL errors

packages/web/src/components/ApolloProvider/index.tsx

@@ -1,11 +1,23 @@
+import * as React from 'react';
 import { ApolloProvider as BaseApolloProvider } from '@apollo/client';
-import client from 'graphql/client';
+import { useSnackbar } from 'notistack';
+import client, { setLink } from 'graphql/client';
 
 type ApolloProviderProps = {
   children: React.ReactNode;
 };
 
 const ApolloProvider = (props: ApolloProviderProps) => {
+  const { enqueueSnackbar } = useSnackbar();
+
+  const onError = React.useCallback((message) => {
+    enqueueSnackbar(message, { variant: 'error' });
+  }, [enqueueSnackbar]);
+
+  React.useEffect(() => {
+    setLink({ onError })
+  },  [onError]);
+
   return (
     <BaseApolloProvider client={client} {...props} />
   );