feat(WEB-163): edit profile field validation

components/Forms/Edit/Profile/FormContent/index.tsx

@@ -7,6 +7,7 @@ import { languageSelect } from "@/constants/languages"
 import CountrySelect from "@/components/TempDesignSystem/Form/Country"
 import DateSelect from "@/components/TempDesignSystem/Form/Date"
 import Input from "@/components/TempDesignSystem/Form/Input"
+import NewPassword from "@/components/TempDesignSystem/Form/NewPassword"
 import Phone from "@/components/TempDesignSystem/Form/Phone"
 import Select from "@/components/TempDesignSystem/Form/Select"
 import Body from "@/components/TempDesignSystem/Text/Body"
@@ -21,8 +22,8 @@ export default function FormContent() {
   const country = formatMessage({ id: "Country" })
   const email = `${formatMessage({ id: "Email" })} ${formatMessage({ id: "Address" }).toLowerCase()}`
   const street = formatMessage({ id: "Address" })
+  const phoneNumber = formatMessage({ id: "Phone number" })
   const password = formatMessage({ id: "Current password" })
-  const newPassword = formatMessage({ id: "New password" })
   const retypeNewPassword = formatMessage({ id: "Retype new password" })
   const zipCode = formatMessage({ id: "Zip code" })
 
@@ -46,7 +47,7 @@ export default function FormContent() {
             label={zipCode}
             name="address.zipCode"
             placeholder={zipCode}
-            required
+            registerOptions={{ required: true }}
           />
           <CountrySelect
             label={country}
@@ -55,12 +56,17 @@ export default function FormContent() {
             registerOptions={{ required: true }}
           />
         </div>
-        <Input label={email} name="email" placeholder={email} required />
-        <Phone
-          label={formatMessage({ id: "Phone number" })}
-          name="phoneNumber"
-          placeholder={formatMessage({ id: "Phone number" })}
+        <Input
+          label={email}
+          name="email"
+          placeholder={email}
           registerOptions={{ required: true }}
+          type="email"
+        />
+        <Phone
+          label={phoneNumber}
+          name="phoneNumber"
+          placeholder={phoneNumber}
         />
         <Select
           items={languageSelect}
@@ -79,12 +85,7 @@ export default function FormContent() {
           placeholder={password}
           type="password"
         />
-        <Input
-          label={newPassword}
-          name="newPassword"
-          placeholder={newPassword}
-          type="password"
-        />
+        <NewPassword />
         <Input
           label={retypeNewPassword}
           name="retypeNewPassword"