show toast when oauth login error

frontend/src/pages/_app.tsx

@@ -57,9 +57,11 @@ const App = ({ Component, pageProps, ...appProps }: NextAppProp): JSX.Element =>
   ) {
     return (
       <QueryClientProvider client={queryClient}>
-        <AuthProvider>
-          <Component {...pageProps} />
-        </AuthProvider>
+        <NotificationProvider>
+          <AuthProvider>
+            <Component {...pageProps} />
+          </AuthProvider>
+        </NotificationProvider>
       </QueryClientProvider>
     );
   }

frontend/src/pages/login/provider/error.tsx

@@ -1,7 +1,10 @@
+import { useEffect } from "react";
+
 export default function LoginProviderError() {
-    return (
-        <div className="bg-gradient-to-tr from-bunker-500 to-bunker-800 h-screen flex flex-col justify-center pb-28 px-6 items-center">
-            <span className="text-white text-xl" >Oops! An error has occured.</span>
-        </div>
-    )
+    useEffect(() => {
+        window.localStorage.setItem('PROVIDER_AUTH_ERROR', 'err');
+        window.close();
+    }, [])
+
+    return <div />
 }