add publish script and work on registery pages

src/layouts/AppLayout.jsx

@@ -1,4 +1,5 @@
 import theme from "@/core/utils/theme";
+import useLanguage from "@/lib/app/hooks/useLanguage";
 import useLoading from "@/lib/app/hooks/useLoading";
 import useUser from "@/lib/app/hooks/useUser";
 import Head from "next/head";
@@ -6,11 +7,17 @@ import NextNProgress from "nextjs-progressbar";
 import { useEffect } from "react";
 
 function AppLayout({ children, isBot }) {
+  const { languageIsReady } = useLanguage();
   const { setLoadingPage } = useLoading();
-  const { token, isAuth } = useUser();
+  const { userChangedLanguage, token, isAuth } = useUser();
   useEffect(() => {
+    if (languageIsReady) {
       if (token) {
         if (isAuth) {
+          if (userChangedLanguage) {
+            setLoadingPage(true);
+            return;
+          }
           setLoadingPage(false);
           return;
         }
@@ -19,7 +26,14 @@ function AppLayout({ children, isBot }) {
       }
       setLoadingPage(false);
       return;
-  }, [token, isAuth]);
+    }
+    setLoadingPage(true);
+  }, [languageIsReady, token, isAuth, userChangedLanguage]);
+
+  if (!isBot) {
+    if (userChangedLanguage) return;
+    if (!languageIsReady) return;
+  }
 
   return (
     <>

src/layouts/dashboardLayouts/header/ProfileData.jsx

@@ -10,9 +10,6 @@ export default function ProfileData() {
         alt="User Image"
         src={user.user_avatar}
       />
-      <Typography sx={{ fontSize: 15, fontWeight: 600 }} textAlign="center">
-        {user.user_username}
-      </Typography>
     </Stack>
   );
 }