feat: add toast when endpoints are failing

src/main.jsx

@@ -1,6 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
+import { SnackbarProvider } from 'notistack';
 import { ThemeProvider } from '@mui/material/styles';
 import theme from './theme';
 import './index.css'
@@ -9,7 +9,14 @@ import App from './App.jsx'
 createRoot(document.getElementById('root')).render(
   <StrictMode>
     <ThemeProvider theme={theme}>
-      <App />
+      <SnackbarProvider maxSnack={3}
+        autoHideDuration={5000}
+        anchorOrigin={{
+          vertical: 'top',
+          horizontal: 'right',
+        }}>
+        <App />
+      </SnackbarProvider>
     </ThemeProvider>
   </StrictMode>,
 )