chore: tweaks

src/routes/invite/index.tsx

@@ -15,7 +15,9 @@ interface AuthForm {
 }
 
 const InvitePage: FC = () => {
-  const { token: loginToken } = useAppSelector((store) => store.authData);
+  const { token: loginToken, serverName } = useAppSelector((store) => {
+    return { token: store.authData.token, serverName: store.server.name };
+  });
   const [secondPwd, setSecondPwd] = useState("");
   const [samePwd, setSamePwd] = useState(true);
   const [token, setToken] = useState<string | undefined>();
@@ -121,7 +123,7 @@ const InvitePage: FC = () => {
       <div className="py-8 px-10 shadow-md rounded-xl">
         <div className="flex-center flex-col pb-6">
           <img src={`${BASE_URL}/resource/organization/logo`} alt="logo" className="w-14 h-14 mb-7 rounded-full" />
-          <h2 className="font-semibold text-2xl text-gray-800 dark:text-white mb-2">Sign Up to VoceChat</h2>
+          <h2 className="font-semibold text-2xl text-gray-800 dark:text-white mb-2">Sign Up to {serverName}</h2>
           <span className="text-gray-400 dark:text-gray-100">Please enter your details.</span>
         </div>
         <form className="flex flex-col gap-5 min-w-[360px]" onSubmit={handleReg}>

src/routes/setting/APIDocument.tsx

@@ -39,7 +39,7 @@ const APIDocument = () => {
                         {/* </div> */}
                     </div>
                     <div className="flex flex-col gap-2">
-                        <h3 className='text-gray-700 dark:text-white text-lg flex items-center gap-2'>
+                        <h3 className='text-gray-700 dark:text-white text-lg flex flex-col items-start gap-2'>
                             👉 {t("api_doc.step_2")} <span className='text-gray-500 dark:text-white text-sm'>
                                 ({t("api_doc.step_2_desc")})
                             </span>

src/routes/setting/Overview/index.tsx

@@ -55,7 +55,7 @@ export default function Overview() {
             <StyledRadio
               options={[t("overview.guest_mode.enable"), t("overview.guest_mode.disable")]}
               values={["true", "false"]}
-              value={String(guest)}
+              value={`${guest}`}
               onChange={(v) => {
                 handleGuestToggle(v);
               }}