fix: set correct step nav path to Account on account page (#7599)

packages/next/src/views/Account/index.client.tsx

@@ -0,0 +1,21 @@
+'use client'
+import { type StepNavItem, useStepNav, useTranslation } from '@payloadcms/ui'
+import React from 'react'
+
+export const AccountClient: React.FC = () => {
+  const { setStepNav } = useStepNav()
+  const { t } = useTranslation()
+
+  React.useEffect(() => {
+    const nav: StepNavItem[] = []
+
+    nav.push({
+      label: t('authentication:account'),
+      url: '/account',
+    })
+
+    setStepNav(nav)
+  }, [setStepNav, t])
+
+  return null
+}

packages/next/src/views/Account/index.tsx

@@ -10,6 +10,7 @@ import { getDocumentData } from '../Document/getDocumentData.js'
 import { getDocumentPermissions } from '../Document/getDocumentPermissions.js'
 import { EditView } from '../Edit/index.js'
 import { Settings } from './Settings/index.js'
+import { AccountClient } from './index.client.js'
 
 export { generateAccountMetadata } from './meta.js'
 
@@ -100,6 +101,7 @@ export const Account: React.FC<AdminViewProps> = async ({
               user,
             }}
           />
+          <AccountClient />
         </EditDepthProvider>
       </DocumentInfoProvider>
     )