Add Profile menu item to user dropdown (#12027)

This commit adds a "Profile" link to both desktop and mobile user menus. The link navigates to the user's public profile page showing their published crates.

Author: Turbo87

app/components/header.gjs

@@ -67,6 +67,7 @@ export default class Header extends Component {
               </dd.Trigger>
 
               <dd.Menu class='current-user-links' as |menu|>
+                <menu.Item><LinkTo @route='user' @model={{this.session.currentUser.login}}>Profile</LinkTo></menu.Item>
                 <menu.Item><LinkTo @route='dashboard'>Dashboard</LinkTo></menu.Item>
                 <menu.Item><LinkTo @route='settings' data-test-settings>Account Settings</LinkTo></menu.Item>
                 <menu.Item><LinkTo @route='me.pending-invites'>Owner Invites</LinkTo></menu.Item>
@@ -138,6 +139,7 @@ export default class Header extends Component {
             <dd.Menu class='current-user-links' as |menu|>
               <menu.Item><LinkTo @route='crates'>Browse All Crates</LinkTo></menu.Item>
               {{#if this.session.currentUser}}
+                <menu.Item><LinkTo @route='user' @model={{this.session.currentUser.login}}>Profile</LinkTo></menu.Item>
                 <menu.Item><LinkTo @route='dashboard'>Dashboard</LinkTo></menu.Item>
                 <menu.Item><LinkTo @route='settings' data-test-me-link>Account Settings</LinkTo></menu.Item>
                 <menu.Item><LinkTo @route='me.pending-invites'>Owner Invites</LinkTo></menu.Item>

e2e/acceptance/settings/settings.spec.ts

@@ -23,10 +23,10 @@ test.describe('Acceptance | Settings', { tag: '@acceptance' }, () => {
 
     await expect(page.locator('[data-test-owners] [data-test-owner-team]')).toHaveCount(2);
     await expect(page.locator('[data-test-owners] [data-test-owner-user]')).toHaveCount(2);
-    await expect(page.locator('a[href="/teams/github:org:thehydroimpulse"]').first()).toBeVisible();
-    await expect(page.locator('a[href="/teams/github:org:blabaere"]').first()).toBeVisible();
-    await expect(page.locator('a[href="/users/thehydroimpulse"]').first()).toBeVisible();
-    await expect(page.locator('a[href="/users/blabaere"]').first()).toBeVisible();
+    await expect(page.locator('[data-test-owners] a[href="/teams/github:org:thehydroimpulse"]').first()).toBeVisible();
+    await expect(page.locator('[data-test-owners] a[href="/teams/github:org:blabaere"]').first()).toBeVisible();
+    await expect(page.locator('[data-test-owners] a[href="/users/thehydroimpulse"]').first()).toBeVisible();
+    await expect(page.locator('[data-test-owners] a[href="/users/blabaere"]').first()).toBeVisible();
 
     await percy.snapshot();
     await a11y.audit();

tests/acceptance/settings/settings-test.js

@@ -39,10 +39,10 @@ module('Acceptance | Settings', function (hooks) {
 
     assert.dom('[data-test-owners] [data-test-owner-team]').exists({ count: 2 });
     assert.dom('[data-test-owners] [data-test-owner-user]').exists({ count: 2 });
-    assert.dom('a[href="/teams/github:org:thehydroimpulse"]').exists();
-    assert.dom('a[href="/teams/github:org:blabaere"]').exists();
-    assert.dom('a[href="/users/thehydroimpulse"]').exists();
-    assert.dom('a[href="/users/blabaere"]').exists();
+    assert.dom('[data-test-owners] a[href="/teams/github:org:thehydroimpulse"]').exists();
+    assert.dom('[data-test-owners] a[href="/teams/github:org:blabaere"]').exists();
+    assert.dom('[data-test-owners] a[href="/users/thehydroimpulse"]').exists();
+    assert.dom('[data-test-owners] a[href="/users/blabaere"]').exists();
 
     await percySnapshot(assert);
     await a11yAudit(axeConfig);