use witel webapp builder

src/pages/_app.jsx

@@ -1,25 +1,41 @@
-import "&/fontiran.scss";
-import AppLayout from "@/layouts/AppLayout";
-import MuiLayout from "@/layouts/MuiLayout";
-import {LanguageProvider} from "@/lib/app/contexts/language";
-import {LoadingProvider} from "@/lib/app/contexts/loading";
-import {UserProvider} from "@/lib/app/contexts/user";
+import "&/global.scss";
 import "moment/locale/fa";
+import {
+    AppLayout,
+    LanguageProvider,
+    LoadingProvider,
+    MuiLayout,
+    NetworkProvider,
+    ToastProvider,
+    UserProvider
+} from "@witel/webapp-builder";
+import {GET_USER} from "@/core/data/apiRoutes";
+import languageList from "@/core/data/languageList";
 import {NextIntlProvider} from "next-intl";
+import themeRtl from "@/core/utils/theme-rtl";
 import TitlePage from "@/core/components/TitlePage";
+import GlobalHead from "@/core/components/GlobalHead";
+import Layout from "@/layouts";
 
 const App = ({Component, pageProps}) => {
     return (
         <>
-            <UserProvider>
-                <LanguageProvider>
-                    <NextIntlProvider messages={pageProps.messages || {}}>
-                        <MuiLayout isBot={pageProps.isBot}>
+            <UserProvider urlGetUser={GET_USER} schemaGetUser={(data) => data}>
+                <LanguageProvider defaultLanguage={process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE}
+                                  languageList={languageList}>
+                    <NextIntlProvider locale={pageProps.locale} messages={pageProps.messages || {}}>
+                        <MuiLayout themes={{rtl: themeRtl}} isBot={pageProps.isBot}>
                             {pageProps.messages ? <TitlePage text={pageProps.title}/> : ''}
                             <LoadingProvider>
-                                <AppLayout isBot={pageProps.isBot}>
-                                    <Component {...pageProps} />
-                                </AppLayout>
+                                <ToastProvider>
+                                    <AppLayout headComponent={GlobalHead} isBot={pageProps.isBot}>
+                                        <NetworkProvider>
+                                            <Layout layout={pageProps.layout}>
+                                                <Component {...pageProps} />
+                                            </Layout>
+                                        </NetworkProvider>
+                                    </AppLayout>
+                                </ToastProvider>
                             </LoadingProvider>
                         </MuiLayout>
                     </NextIntlProvider>