fix: better frontend (#43)

Co-authored-by: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn>
Co-authored-by: Thanh Quy- wolf <524H0124@student.tdtu.edu.vn>
Reviewed-on: #43

app/(main)/manager-signup/page.tsx

@@ -151,7 +151,7 @@ export default function ManagerSignupPage() {
               href="/login"
               className="flex w-full items-center justify-center rounded-xl border-2 border-(--color-primary) bg-white py-3 font-semibold text-(--color-primary) no-underline transition-all duration-150 hover:bg-(--color-primary) hover:text-white"
             >
-              Quay lại đăng nhập
+              Back to login
             </Link>
           </div>
         )}
@@ -164,10 +164,10 @@ export default function ManagerSignupPage() {
             </div>
             <div className="text-center">
               <h2 className="mb-2 text-lg font-semibold text-(--color-text-primary)">
-                Không thể kết nối
+                Unable to connect
               </h2>
               <p className="text-sm text-(--color-text-muted)">
-                Không thể kiểm tra trạng thái đăng ký. Vui lòng thử lại.
+                Unable to check registration status. Please try again.
               </p>
             </div>
             <Button
@@ -185,13 +185,13 @@ export default function ManagerSignupPage() {
                   .catch(() => setPageState("error"));
               }}
             >
-              Thử lại
+              Retry
             </Button>
             <Link
               href="/login"
               className="text-sm text-(--color-primary) underline"
             >
-              Quay lại đăng nhập
+              Back to login
             </Link>
           </div>
         )}
@@ -202,15 +202,15 @@ export default function ManagerSignupPage() {
             {[
               {
                 id: "name",
-                label: "Họ tên",
+                label: "Full name",
                 icon: "fa-user",
-                placeholder: "Nguyễn Văn A",
+                placeholder: "John Doe",
                 field: "name" as const,
                 type: "text",
               },
               {
                 id: "phone",
-                label: "Số điện thoại",
+                label: "Phone number",
                 icon: "fa-phone",
                 placeholder: "0987654321",
                 field: "phone" as const,
@@ -218,15 +218,15 @@ export default function ManagerSignupPage() {
               },
               {
                 id: "password",
-                label: "Mật khẩu",
+                label: "Password",
                 icon: "fa-lock",
-                placeholder: "Ít nhất 6 ký tự",
+                placeholder: "At least 6 characters",
                 field: "password" as const,
                 type: "password",
               },
               {
                 id: "eateryName",
-                label: "Tên nhà hàng",
+                label: "Restaurant name",
                 icon: "fa-store",
                 placeholder: "Coffee & More",
                 field: "eateryName" as const,
@@ -251,7 +251,7 @@ export default function ManagerSignupPage() {
                     onChange={handleChange(field)}
                     placeholder={placeholder}
                     disabled={isLoading}
-                    className={`text-foreground focus:ring-opacity-20 w-full rounded-xl border bg-white px-4 py-3 transition-all duration-150 outline-none placeholder:text-(--color-text-muted) focus:border-(--color-primary) focus:ring-2 focus:ring-(--color-primary) disabled:opacity-60 lg:pl-11 ${errors[field] ? "border-red-400" : "border-(--color-border)"}`}
+                    className={`text-foreground focus:ring-opacity-20 w-full rounded-xl border bg-white px-4 pl-10 py-3 transition-all duration-150 outline-none placeholder:text-(--color-text-muted) focus:border-(--color-primary) focus:ring-2 focus:ring-(--color-primary) disabled:opacity-60 lg:pl-11 ${errors[field] ? "border-red-400" : "border-(--color-border)"}`}
                   />
                 </div>
                 {errors[field] && (
@@ -280,18 +280,17 @@ export default function ManagerSignupPage() {
               >
                 {isLoading ? (
                   <>
-                    <i className="fa-solid fa-spinner fa-spin mr-2"></i>Đang xử
-                    lý...
+                    <i className="fa-solid fa-spinner fa-spin mr-2"></i>Processing...
                   </>
                 ) : (
-                  "Đăng ký"
+                  "Register"
                 )}
               </Button>
               <Link
                 href="/login"
                 className="flex w-full items-center justify-center rounded-xl border-2 border-(--color-primary) bg-white py-3 font-semibold text-(--color-primary) no-underline transition-all duration-150 hover:bg-(--color-primary) hover:text-white"
               >
-                Đã có tài khoản? Đăng nhập
+                Already have an account? Sign in
               </Link>
             </div>
           </form>