settings: Show current user's role in Your Account.

This makes it easier to figure out what's going on if you're a guest.

Fixes: #10969.

static/styles/settings.scss

@@ -1401,6 +1401,10 @@ input[type=checkbox].inline-block {
     width: auto;
 }
 
+#account-settings .user-role button {
+    cursor: default;
+}
+
 #account-settings .custom_user_field .field_hint {
     color: hsl(0, 0%, 67%);
 }

static/templates/settings/account-settings.handlebars

@@ -124,6 +124,19 @@
                 </div>
             </form>
 
+            <div class="user-role input-group grid">
+                <label for="user_role" class="inline-block title">{{t "Role" }}</label>
+                <button class="button small rounded">
+                    {{#if page_params.is_admin}}
+                    {{t "Administrator" }}
+                    {{else if page_params.is_guest}}
+                    {{t "Guest" }}
+                    {{else}}
+                    {{t "Member" }}
+                    {{/if}}
+                </button>
+            </div>
+
             <form class="deactivate_account grid">
                 <div class="input-group">
                     <button type="submit" class="button rounded btn-danger" id="user_deactivate_account_button">