title: email field is showing twice on profile update form
body: <p>building a basic blog website using Django. In profile update page, i am getting email field twice. And one email field shows * mark for compulsory field and other one doesnt. I want both fields in update profile page to be compulsory(*), i.e username and email fields.</p>
  
  <p>Codes are as follow:</p>
  
  <p>forms.py</p>
  
  <pre><code>from django import forms
  from django.contrib.auth.models import User
  from django.contrib.auth.forms import UserCreationForm
  from  .models import Profile
  
  
  class UserRegisterForm(UserCreationForm):
      email = forms.EmailField()
  
      class Meta:
          model = User
          fields = ['username', 'email', 'password1', 'password2']
  
  
  class UserUpdateForm(forms.ModelForm):
      mail = forms.EmailField()
  
      class Meta:
          model = User
          fields = ['username', 'email']
  
  
  class ProfileUpdateForm(forms.ModelForm):
      class Meta:
          model = Profile
          fields = ['image']
  </code></pre>
  
  <p>user.views.py</p>
  
  <pre><code>from django.shortcuts import render,redirect
  # from django.contrib.auth.forms import UserCreationForm
  from django.contrib import messages
  from django.contrib.auth.decorators import login_required
  from .forms import UserRegisterForm, UserUpdateForm, ProfileUpdateForm
  
  # @csrf_protect
  def register(request):
      if request.method == 'POST':
          form = UserRegisterForm(request.POST)
          if form.is_valid():
              form.save()
              username = form.cleaned_data.get('username')
              messages.success(request, f'Your account has been created! You are now able to login!')
              return redirect('login')
      else:
          form = UserRegisterForm()
      return render(request, 'users/register.html', {'form': form})
  
  
  @login_required
  def profile(request):
      if request.method == 'POST':
          u_form = UserUpdateForm()
          p_form = ProfileUpdateForm()
          u_form = UserUpdateForm(request.POST, instance=request.user)
          p_form = ProfileUpdateForm(request.POST,
                                     request.FILES,
                                     instance=request.user.profile)
  
          if u_form.is_valid() and p_form.is_valid():
              u_form.save()
              p_form.save()
              messages.success(request, f'Your account has been updated!')
              return redirect('profile')
  
      else:
          u_form = UserUpdateForm(instance=request.user)
          p_form = ProfileUpdateForm(instance=request.user.profile)
  
      context = {
          'u_form': u_form,
          'p_form':p_form
      }
  
      return render(request, 'users/profile.html', context)
  
  
  </code></pre>
  
  <p>profile.html</p>
  
  <pre><code>{% extends "blog/base.html" %}
  {% load crispy_forms_tags %}
  {% block content %}
  
      &lt;div class="content-section"&gt;
        &lt;div class="media"&gt;
          &lt;img class="rounded-circle account-img" src="{{ user.profile.image.url }}"&gt;
          &lt;div class="media-body"&gt;
            &lt;h2 class="account-heading"&gt;{{ user.username }}&lt;/h2&gt;
            &lt;p class="text-secondary"&gt;{{ user.email }}&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- FORM HERE --&gt;
        &lt;form method="POST" enctype="multipart/form-data"&gt;
              {% csrf_token %}
              &lt;fieldset class="form-group"&gt;
                  &lt;legend class="border-bottom mb-4"&gt;Profile Info&lt;/legend&gt;
                  {{ u_form|crispy }}
                  {{ p_form|crispy }}
              &lt;/fieldset&gt;
              &lt;div class="form-group"&gt;
                  &lt;button class="btn btn-outline-info" type="submit"&gt;Update&lt;/button&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  {% endblock content %}
  </code></pre>