Phone

<FormField
            control={form.control}
            name="phone_number"
            render={({ field }) => (
              <FormItem className="flex flex-col items-start">
              <FormLabel>Phone number</FormLabel>
                <FormControl className="w-full">
                  <PhoneInput
                  placeholder="Enter your phone number"
                    maxLength={255}
                    {...field}
                    value={typeof field.value === "string" ? field.value : ""}
                    onChange={(nextValue) => field.onChange(nextValue ?? "")}
                    defaultCountry="TR"
                  />
                </FormControl>
              <FormDescription>Enter your phone number.</FormDescription>
                <FormMessage />
              </FormItem>
            )}
          />