svelte: Show authenticated owner's email on settings page

Match the Ember app by rendering the logged-in user's email in the
owners list when they appear as a crate owner. In Ember this is an
emergent side effect of Ember Data's identity map (the `/api/v1/me`
response pre-populates the user record with an email, which is
preserved when the same user shows up in the owners list). The Svelte
app has no such store, so compare `session.currentUser.id` against
each owner explicitly. Other owners' email columns remain empty, as
the owners API does not expose their addresses.

Also add `data-test-email` markers on both apps' email columns and an
acceptance test covering the self-only behavior.

Author: Turbo87

app/templates/crate/settings/index.gjs

@@ -62,7 +62,7 @@ import UserAvatar from 'crates-io/components/user-avatar';
         <LinkTo @route={{team.kind}} @model={{team.login}}>
           {{team.display_name}}
         </LinkTo>
-        <div class='email-column'>
+        <div class='email-column' data-test-email>
           {{team.email}}
         </div>
         <button
@@ -85,7 +85,7 @@ import UserAvatar from 'crates-io/components/user-avatar';
             {{user.login}}
           {{/if}}
         </LinkTo>
-        <div class='email-column'>
+        <div class='email-column' data-test-email>
           {{user.email}}
         </div>
         <button

e2e/routes/crate/settings.spec.ts

@@ -58,6 +58,24 @@ test.describe('Route | crate.settings', { tag: '@routes' }, () => {
     await expect(page.locator('[data-test-delete-button]')).toBeVisible();
   });
 
+  test('only the authenticated owner has their email shown in the owners list', async ({ msw, page }) => {
+    let user1 = await msw.db.user.create({ login: 'authenticated-owner' });
+    let user2 = await msw.db.user.create({ login: 'other-owner' });
+
+    let crate = await msw.db.crate.create({ name: 'foo' });
+    await msw.db.version.create({ crate });
+    await msw.db.crateOwnership.create({ crate, user: user1 });
+    await msw.db.crateOwnership.create({ crate, user: user2 });
+
+    await msw.authenticateAs(user1);
+
+    await page.goto('/crates/foo/settings');
+    await expect(page).toHaveURL('/crates/foo/settings');
+
+    await expect(page.locator(`[data-test-owner-user="${user1.login}"] [data-test-email]`)).toHaveText(user1.email);
+    await expect(page.locator(`[data-test-owner-user="${user2.login}"] [data-test-email]`)).toHaveText('');
+  });
+
   test.describe('Trusted Publishing', () => {
     test('mixed GitHub and GitLab configs', async ({ msw, page, percy }) => {
       const { crate } = await prepare(msw);

svelte/src/routes/crates/[crate_id]/settings/+page.svelte

@@ -12,6 +12,7 @@
   import Tooltip from '$lib/components/Tooltip.svelte';
   import UserAvatar from '$lib/components/UserAvatar.svelte';
   import { getNotifications } from '$lib/notifications.svelte';
+  import { getSession } from '$lib/utils/session.svelte';
 
   type Owner = components['schemas']['Owner'];
   type GitHubConfig = components['schemas']['GitHubConfig'];
@@ -20,6 +21,7 @@
   let { data } = $props();
 
   let notifications = getNotifications();
+  let session = getSession();
   let client = createClient({ fetch });
 
   let addOwnerVisible = $state(false);
@@ -232,7 +234,7 @@
       <a {href}>
         {teamDisplayName(team)}
       </a>
-      <div class="email-column"></div>
+      <div class="email-column" data-test-email></div>
       <button
         type="button"
         class="button button--small"
@@ -254,7 +256,16 @@
       <a {href}>
         {user.name ?? user.login}
       </a>
-      <div class="email-column"></div>
+      <!--
+        TODO: Showing only the authenticated user's own email here is a bit
+        questionable. This matches the Ember.js app's behavior (an emergent
+        consequence of Ember Data's identity map) and is reproduced here for
+        parity during the migration. Revisit whether this column should exist
+        at all once the Svelte app is the primary frontend.
+      -->
+      <div class="email-column" data-test-email>
+        {session.currentUser?.id === user.id ? (session.currentUser?.email ?? '') : ''}
+      </div>
       <button
         type="button"
         class="button button--small"