Merged in fix/LOY-260-use-same-phone-component (pull request #2336)

fix(LOY-260): use same phone component in signup and edit profile as enter details

Approved-by: Chuma Mcphoy (We Ahead)

apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/index.tsx

@@ -4,8 +4,8 @@ import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import CountrySelect from "@/components/TempDesignSystem/Form/Country"
-import DeprecatedPhone from "@/components/TempDesignSystem/Form/DeprecatedPhone"
 import Input from "@/components/TempDesignSystem/Form/Input"
+import Phone from "@/components/TempDesignSystem/Form/Phone"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
 import styles from "./modifyContact.module.css"
@@ -73,7 +73,7 @@ export default function ModifyContact({
             />
           </div>
           <div className={styles.row}>
-            <DeprecatedPhone
+            <Phone
               label={intl.formatMessage({
                 defaultMessage: "Phone number",
               })}