fix(#515): phone autocomplete in user account (#198)

src/features/UserAccount/hooks/useUserSubscriptions.tsx

@@ -24,7 +24,7 @@ export const useUserSubscriptions = () => {
 
   useEffect(() => {
     getUserSubscriptions().then((res) => {
-      setSubscriptions(res.custom[0].teams)
+      setSubscriptions(res.custom?.[0].teams)
     })
   }, [])
 

src/features/UserAccount/index.tsx

@@ -66,6 +66,7 @@ export const UserAccount = () => {
               <Input
                 value={readFormValue(formIds.firstname)}
                 labelLexic='name'
+                autoComplete='given-name'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.firstname)}
                 error={readFormError(formIds.firstname)}
@@ -75,6 +76,7 @@ export const UserAccount = () => {
               <Input
                 value={readFormValue(formIds.lastname)}
                 labelLexic='lastname'
+                autoComplete='family-name'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.lastname)}
                 error={readFormError(formIds.lastname)}
@@ -85,6 +87,7 @@ export const UserAccount = () => {
                 onBlur={onPhoneBlur}
                 value={readFormValue(formIds.phone)}
                 labelLexic='phone'
+                autoComplete='tel'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.phone)}
                 error={readFormError(formIds.phone)}
@@ -95,6 +98,7 @@ export const UserAccount = () => {
                 value={readFormValue(formIds.password)}
                 error={readFormError(formIds.password)}
                 type='password'
+                autoComplete='new-password'
                 labelLexic='form_password'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.password)}
@@ -115,6 +119,7 @@ export const UserAccount = () => {
                 value={readFormValue(formIds.postalCode)}
                 error={readFormError(formIds.postalCode)}
                 labelLexic='form_postal_code'
+                autoComplete='postal-code'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.postalCode)}
                 editIcon
@@ -143,6 +148,7 @@ export const UserAccount = () => {
                 error={readFormError(formIds.address1)}
                 labelLexic='form_address1'
                 labelWidth={labelWidth}
+                autoComplete='address-line1'
                 onChange={updateFormValue(formIds.address1)}
                 editIcon
                 maxLength={500}
@@ -152,6 +158,7 @@ export const UserAccount = () => {
                 error={readFormError(formIds.address2)}
                 labelLexic='form_address2'
                 labelWidth={labelWidth}
+                autoComplete='address-line2'
                 onChange={updateFormValue(formIds.address2)}
                 editIcon
                 maxLength={500}