feat: add email field for signup (#4899)

#### What type of PR is this?

/area console
/kind feature
/milestone 2.11.x

#### What this PR does / why we need it:

Add email field for signup

<img width="832" alt="图片" src="https://github.com/halo-dev/halo/assets/21301288/dabc7411-a18d-4a8b-a0be-f875b16ba58f">

#### Does this PR introduce a user-facing change?

```release-note
用户注册新增电子邮箱字段。
```

console/src/components/signup/SignupForm.vue

@@ -113,11 +113,18 @@ const inputClasses = {
       :placeholder="$t('core.signup.fields.display_name.placeholder')"
       :validation-label="$t('core.signup.fields.display_name.placeholder')"
       :classes="inputClasses"
-      :autofocus="true"
       type="text"
       validation="required"
     >
     </FormKit>
+    <FormKit
+      v-model="formState.user.spec.email"
+      :placeholder="$t('core.signup.fields.email.placeholder')"
+      :validation-label="$t('core.signup.fields.email.placeholder')"
+      type="email"
+      name="email"
+      validation="required|email|length:0,100"
+    ></FormKit>
     <FormKit
       v-model="formState.password"
       name="password"

console/src/locales/en.yaml

@@ -28,6 +28,8 @@ core:
         placeholder: Username
       display_name:
         placeholder: Display name
+      email:
+        placeholder: Email
       password:
         placeholder: Password
       password_confirm:

console/src/locales/zh-CN.yaml

@@ -28,6 +28,8 @@ core:
         placeholder: 用户名
       display_name:
         placeholder: 名称
+      email:
+        placeholder: 电子邮箱
       password:
         placeholder: 密码
       password_confirm:

console/src/locales/zh-TW.yaml

@@ -28,6 +28,8 @@ core:
         placeholder: 用戶名
       display_name:
         placeholder: 名稱
+      email:
+        placeholder: 電子郵箱
       password:
         placeholder: 密碼
       password_confirm: