<div id="edit-user-form" data-user-id="{{user_id}}">
    <form class="form-horizontal name-setting">
        <input type="hidden" name="is_full_name" value="true" />
        <div class="input-group name_change_container">
            <label for="full_name">{{t "Full name" }}</label>
            <input type="text" autocomplete="off" name="full_name" value="{{ full_name }}" />
        </div>
        <div class="input-group email_change_container">
            <label for="email">{{t "Email" }}</label>
            <input type="text" autocomplete="off" name="email" value="{{ email }}" readonly/>
        </div>
        <div class="input-group">
            <label class="input-label" for="user-role-select">{{t 'User role' }}
                {{> ../help_link_widget link="/help/roles-and-permissions" }}
            </label>
            <select name="user-role-select" id="user-role-select" data-setting-widget-type="number" {{#if disable_role_dropdown}}disabled{{/if}}>
                {{> dropdown_options_widget option_values=user_role_values}}
            </select>
        </div>
        <div class="custom-profile-field-form"></div>
    </form>
</div>

<div id="edit-user-form" data-user-id="{{user_id}}">
    <form class="form-horizontal name-setting">
        <input type="hidden" name="is_full_name" value="true" />
        <div class="input-group name_change_container">
            <label for="full_name">{{t "Full name" }}</label>
            <input type="text" autocomplete="off" name="full_name" value="{{ full_name }}" />
        </div>
        <div class="input-group email_change_container">
            <label for="email">{{t "Email" }}</label>
            <input type="text" autocomplete="off" name="email" value="{{ email }}" readonly/>
        </div>
        <div class="input-group user_id_container">
            <label for="user_id">{{t "User ID" }}</label>
            <input type="text" autocomplete="off" name="user_id" value="{{ user_id }}" readonly/>
        </div>
        <div class="input-group">
            <label class="input-label" for="user-role-select">{{t 'User role' }}
                {{> ../help_link_widget link="/help/roles-and-permissions" }}
            </label>
            <select name="user-role-select" id="user-role-select" data-setting-widget-type="number" {{#if disable_role_dropdown}}disabled{{/if}}>
                {{> dropdown_options_widget option_values=user_role_values}}
            </select>
        </div>
        <div class="custom-profile-field-form"></div>
    </form>
</div>

Add user-id readonly field in edit-user UI.
settings: Add user-id readonly field in edit-user UI.
