settings: Change links to user_pills in invitations seciton.

Previously, links were displayed for the user's name,
but now they are presented as pills. These pills are rendered
using the user_display_only_pill.hbs template.
To obtain the avatar of a user,
the small_avatar_url_for_person function is utilized.

web/src/settings_invites.ts

@@ -45,6 +45,7 @@ type Invite = z.output<typeof invite_schema> & {
     is_admin?: boolean;
     disable_buttons?: boolean;
     referrer_name?: string;
+    img_src?: string;
 };
 
 const meta = {
@@ -101,6 +102,9 @@ function populate_invites(invites_data: {invites: Invite[]}): void {
                 item.invited_as === settings_config.user_role_values.owner.code &&
                 !current_user.is_owner;
             item.referrer_name = people.get_by_user_id(item.invited_by_user_id).full_name;
+            item.img_src = people.small_avatar_url_for_person(
+                people.get_by_user_id(item.invited_by_user_id),
+            );
             return render_admin_invites_list({invite: item});
         },
         filter: {

web/templates/settings/admin_invites_list.hbs

@@ -13,8 +13,8 @@
     </td>
     {{#if is_admin}}
     <td>
-        <span class="referred_by">
-            <a data-user-id="{{invited_by_user_id}}" class="view_user_profile" tabindex="0">{{referrer_name}}</a>
+        <span class="referred_by panel_user_list">
+            {{> ../user_display_only_pill display_value=referrer_name user_id=invited_by_user_id}}
         </span>
     </td>
     {{/if}}