pass onUnauthorized to AuthProvider instead of separate event listener

src/main.jsx

@@ -83,15 +83,8 @@ const routerMapping = [
 function AppContent() {
   const { authConfig } = useAppContext();
   const navigate = useNavigate();
-
-  React.useEffect(() => {
-    const handler = () => navigate("/login");
-    window.addEventListener("auth:unauthorized", handler);
-    return () => window.removeEventListener("auth:unauthorized", handler);
-  }, [navigate]);
-
   return (
-    <AuthProvider authConfig={authConfig}>
+    <AuthProvider authConfig={authConfig} onUnauthorized={() => navigate("/login")}>
       <AppTheme>
         <CssBaseline enableColorScheme />
         <Header routerMapping={routerMapping} />