Users: Add numerical indentifiers to detail pages (#95620)

* add numerical indentifiers to frontend while they're still valid

* lowercase identifier

public/app/features/admin/UserProfile.tsx

@@ -87,6 +87,7 @@ export function UserProfile({
         <div>
           <table className="filter-table form-inline">
             <tbody>
+              <UserProfileRow label="Numerical identifier" value={user.id.toString()} locked={true} />
               <UserProfileRow
                 label="Name"
                 value={user.name}

public/app/features/serviceaccounts/components/ServiceAccountProfile.tsx

@@ -50,6 +50,7 @@ export function ServiceAccountProfile({ serviceAccount, timeZone, onChange }: Pr
       <h3>Information</h3>
       <table className="filter-table">
         <tbody>
+          <ServiceAccountProfileRow label="Numerical identifier" value={serviceAccount.id.toString()} disabled={true} />
           <ServiceAccountProfileRow
             label="Name"
             value={serviceAccount.name}

public/app/features/teams/TeamSettings.tsx

@@ -48,6 +48,9 @@ export const TeamSettings = ({ team, updateTeam }: Props) => {
     <Stack direction={'column'} gap={3}>
       <form onSubmit={handleSubmit(onSubmit)} style={{ maxWidth: '600px' }}>
         <FieldSet label="Team details">
+          <Field label="Numerical identifier" disabled={true}>
+            <Input value={team.id} id="id-input" />
+          </Field>
           <Field
             label="Name"
             disabled={!canWriteTeamSettings}