chore: auth form

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vocechat-web",
-  "version": "0.7.50",
+  "version": "0.8.1",
   "homepage": "https://voce.chat",
   "dependencies": {
     "@metamask/onboarding": "^1.0.1",

src/routes/login/index.tsx

@@ -138,18 +138,18 @@ export default function LoginPage() {
             onClick={handleBack}
           />
         )}
-        <div className="flex-center flex-col pb-6">
+        <div className="flex-center flex-col pb-6 w-full">
           <img
             src={logo || `${BASE_URL}/resource/organization/logo?t=${Date.now()}`}
             alt="logo"
             className="w-14 h-14 mb-3 md:mb-7 rounded-full"
           />
-          <h2 className="font-semibold text-2xl text-gray-800 dark:text-white">
+          <h2 className="font-semibold text-center text-balance text-2xl max-w-[420px] text-gray-800 dark:text-white">
             {t("login.title", { name: serverName })}
           </h2>
         </div>
         <form
-          className="flex flex-col gap-5 w-80 md:min-w-[360px]"
+          className="flex flex-col gap-5 md:min-w-[360px] w-full"
           autoComplete="false"
           onSubmit={handleLogin}
         >

src/routes/reg/Register.tsx

@@ -148,13 +148,13 @@ export default function Register() {
           alt="logo"
           className="w-14 h-14 md:mb-7 rounded-full"
         />
-        <h2 className="font-semibold text-2xl text-gray-800 dark:text-white">
+        <h2 className="font-semibold text-center text-balance text-2xl text-gray-800 dark:text-white">
           {t("reg.title", { name: serverName })}
         </h2>
       </div>
 
       <form
-        className="flex flex-col gap-5 w-80 md:min-w-[360px]"
+        className="flex flex-col gap-5 md:min-w-[360px] w-full"
         onSubmit={handleReg}
         autoSave={"false"}
         autoComplete={"true"}