#204 Error management (#237)

* added error snackbar for api fails
* improved error page to be shown only for userdata errors and to allow retrying
* fixed test breaking only in local because of timezone and reduced warnings for easier reading of tests results
* added error management for failure inside calendars imports
* added error snackbar for api fails
* improved error page to be shown only for userdata errors and to allow retrying
* added error management for failure inside calendars imports

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

src/App.tsx

@@ -1,4 +1,4 @@
-import { Suspense } from "react";
+import { Suspense, useEffect } from "react";
 import { Route, Routes } from "react-router-dom";
 import { HistoryRouter as Router } from "redux-first-history/rr6";
 import { CallbackResume } from "./features/User/LoginCallback";
@@ -9,8 +9,18 @@ import HandleLogin from "./features/User/HandleLogin";
 import CalendarLayout from "./components/Calendar/CalendarLayout";
 import { Error } from "./components/Error/Error";
 import { CustomThemeProvider } from "./theme/ThemeProvider";
+import { useAppDispatch, useAppSelector } from "./app/hooks";
+import { push } from "redux-first-history";
+import { ErrorSnackbar } from "./components/Error/ErrorSnackbar";
 
 function App() {
+  const error = useAppSelector((state) => state.user.error);
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    if (error) {
+      dispatch(push("/error"));
+    }
+  });
   return (
     <CustomThemeProvider>
       <Suspense fallback={<Loading />}>
@@ -22,6 +32,8 @@ function App() {
             <Route path="/error" element={<Error />} />
           </Routes>
         </Router>
+        <ErrorSnackbar error={error} type="user" />
+        <ErrorSnackbar error={error} type="user" />
       </Suspense>
     </CustomThemeProvider>
   );