How to add phone number field in user registeration field and show it on user's profile?

I have added a phone number field in user registration field but its not saving data anywhere. I need to show that data in user’s profile in phone field.

Note: I have tried saving the phone number in note field but need to integrate into the profile phone field.

Here is my code:

Phone Number <input type="tel" id="customerPhone" name="customer[phone]" spellcheck="false" autocapitalize="off" autocomplete="phone" aria-required="true" placeholder="Mobile Number" {% if form.errors contains 'phone' %} aria-invalid="true" aria-describedby="RegisterForm-phone-error" {% endif %}

{% if customer.phone %}
value=“{{ customer.phone }}”
{% endif %}
required

Mobile Number

{%- if form.errors contains 'phone' -%} {{ form.errors.translated_fields.phone | capitalize }} {{ form.errors.messages.phone }}. {%- endif -%}

Try Metafields instead.

You can try to get that data to be stored on a metafield and then use that metafield on the customers/account.liquid page to show them that number.