fix: mobile form ui and parse phone number bug

components/TempDesignSystem/Form/Phone/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 import "react-international-phone/style.css"
 
-import { parsePhoneNumber } from "libphonenumber-js"
+import { isValidPhoneNumber, parsePhoneNumber } from "libphonenumber-js"
 import {
   Input as AriaInput,
   Label as AriaLabel,
@@ -50,10 +50,11 @@ export default function Phone({
 
   const { country, handlePhoneValueChange, inputValue, setCountry } =
     usePhoneInput({
-      defaultCountry:
-        parsePhoneNumber(
-          formState.defaultValues?.phoneNumber
-        ).country?.toLowerCase() ?? "sv",
+      defaultCountry: isValidPhoneNumber(formState.defaultValues?.phoneNumber)
+        ? parsePhoneNumber(
+            formState.defaultValues?.phoneNumber
+          ).country?.toLowerCase()
+        : "sv",
       disableCountryGuess: true,
       forceDialCode: true,
       value: phone,