Make name field be the first in user list

https://github.com/rancher/rancher/issues/13764

lib/global-admin/addon/accounts/index/controller.js

@@ -5,17 +5,16 @@ export default Controller.extend({
   access: service(),
   sortBy: 'username',
   headers: [
-    {
-      translationKey: 'generic.id',
-      name: 'id',
-      sort: ['id'],
-      width: 150,
-    },
     {
       translationKey: 'generic.name',
       name: 'name',
       sort: ['name'],
-      // width: '120'
+      width: 250,
+    },
+    {
+      translationKey: 'generic.id',
+      name: 'id',
+      sort: ['id'],
     },
     {
       translationKey: 'accountsPage.index.table.username',

lib/global-admin/addon/components/account-row/template.hbs

@@ -1,11 +1,6 @@
 <td valign="middle" class="row-check" style="padding-top: 2px;">
   {{check-box nodeId=model.id}}
 </td>
-<td data-title="{{dt.id}}">
-  <a href="{{href-to 'global-admin.accounts.detail' model.id}}">
-    {{model.id}}
-  </a>
-</td>
 <td data-title="{{dt.name}}">
   {{#if model.name}}
     {{model.name}}
@@ -13,6 +8,11 @@
     <span class="text-muted">{{t 'generic.none'}}</span>
   {{/if}}
 </td>
+<td data-title="{{dt.id}}">
+  <a href="{{href-to 'global-admin.accounts.detail' model.id}}">
+    {{model.id}}
+  </a>
+</td>
 <td data-title="{{dt.username}}">
   {{#if model.username}}
     {{model.username}}