use webapp builder

src/pages/_app.jsx

@@ -2,10 +2,12 @@ import "&/global.scss";
 import "moment/locale/fa";
 import {
     AppLayout,
+    ConfigProvider,
     LanguageProvider,
     LoadingProvider,
     MuiLayout,
     NetworkProvider,
+    PageMiddleware,
     ToastProvider,
     UserProvider
 } from "@witel/webapp-builder";
@@ -18,8 +20,8 @@ import GlobalHead from "@/core/components/GlobalHead";
 import Layout from "@/layouts";
 
 const App = ({Component, pageProps}) => {
-    return (
-        <>
+    return (<>
+        <ConfigProvider config={pageProps.config || {}}>
             <UserProvider urlGetUser={GET_USER} schemaGetUser={(data) => data}>
                 <LanguageProvider defaultLanguage={process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE}
                                   languageList={languageList}>
@@ -31,7 +33,9 @@ const App = ({Component, pageProps}) => {
                                     <AppLayout headComponent={GlobalHead} isBot={pageProps.isBot}>
                                         <NetworkProvider>
                                             <Layout layout={pageProps.layout}>
-                                                <Component {...pageProps} />
+                                                <PageMiddleware>
+                                                    <Component {...pageProps} />
+                                                </PageMiddleware>
                                             </Layout>
                                         </NetworkProvider>
                                     </AppLayout>
@@ -41,8 +45,8 @@ const App = ({Component, pageProps}) => {
                     </NextIntlProvider>
                 </LanguageProvider>
             </UserProvider>
-        </>
-    );
+        </ConfigProvider>
+    </>);
 };
 
 export default App;