chore: update detail styles

web/src/App.tsx

@@ -7,6 +7,7 @@ import * as storage from "./helpers/storage";
 
 function App() {
   const { setLocale } = useI18n();
+  const user = useAppSelector((state) => state.user.user);
   const global = useAppSelector((state) => state.global);
   const pathname = useAppSelector((state) => state.location.pathname);
   const [isLoading, setLoading] = useState(true);
@@ -21,12 +22,18 @@ function App() {
     });
   }, []);
 
+  useEffect(() => {
+    if (user?.setting.locale) {
+      globalService.setLocale(user.setting.locale);
+    }
+  }, [user?.setting.locale]);
+
   useEffect(() => {
     setLocale(global.locale);
     storage.set({
       locale: global.locale,
     });
-  }, [global]);
+  }, [global.locale]);
 
   return <>{isLoading ? null : appRouterSwitch(pathname)}</>;
 }