✨ Start on error handling

♻ Use TypedDocumentNode's instead of apollo-react-typescript codegen
💄 Add toast

frontend/src/App.tsx

@@ -7,14 +7,19 @@ import styles from "./App.module.css";
 import { Routes } from "./Routes";
 import client from "./client";
 import { Header } from "./components/Header";
+import { Toast } from "./components/Toast";
+import { ToastProvider } from "./components/ToastProvider";
 
 const App: React.FC = () => (
   <ApolloProvider client={client}>
     <Router>
-      <Header />
-      <div className={styles.app}>
-        <Routes />
-      </div>
+      <ToastProvider>
+        <Header />
+        <div className={styles.app}>
+          <Routes />
+        </div>
+        <Toast />
+      </ToastProvider>
     </Router>
   </ApolloProvider>
 );