feat(mosaic): add a lock icon to the password row in user profile (#10394)

Co-authored-by: Claude Sonnet 5.5 <noreply@anthropic.com>

Author: prestonwebdev

.changeset/lock-password-row.md

@@ -0,0 +1,2 @@
+---
+---

packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-row.view.tsx

@@ -1,6 +1,7 @@
 import { Section } from '../../../components/section';
 import { fill, useMessages } from '../../../localization';
 import { UserProfileManagedByLabel } from '../user-profile-managed-by';
+import { UserProfileSecurityIcon } from '../user-profile-security-icon';
 import type { UserProfilePasswordSectionViewProps } from './user-profile-password-section.types';
 
 export function UserProfilePasswordRowView({
@@ -12,6 +13,7 @@ export function UserProfilePasswordRowView({
   return (
     <Section.Items>
       <Section.Item>
+        <UserProfileSecurityIcon name='password' />
         <Section.Content>
           <Section.Description>{hasPassword ? m.masked : m.noPasswordSet}</Section.Description>
         </Section.Content>

packages/mosaic/src/features/user-profile/user-profile-security-icon.tsx

@@ -2,19 +2,28 @@ import { Icon, IconFrame } from '../../components/icon';
 import { Section } from '../../components/section';
 import { DeviceLaptop } from '../../icons/glyphs/device-laptop';
 import { DevicePhone } from '../../icons/glyphs/device-phone';
+import { Lock } from '../../icons/glyphs/lock';
 import { SecurityLockSquare } from '../../icons/glyphs/security-lock-square';
 import { SecurityPasskey } from '../../icons/glyphs/security-passkey';
 import { SecurityPhone } from '../../icons/glyphs/security-phone';
 import { styles } from './user-profile-security-panel.styles';
 
-export type UserProfileSecurityIconName = 'authenticator' | 'backup-codes' | 'desktop' | 'mobile' | 'passkey' | 'sms';
+export type UserProfileSecurityIconName =
+  | 'authenticator'
+  | 'backup-codes'
+  | 'desktop'
+  | 'mobile'
+  | 'passkey'
+  | 'password'
+  | 'sms';
 
 const icons = {
   authenticator: SecurityLockSquare,
   'backup-codes': SecurityPhone,
   desktop: DeviceLaptop,
   mobile: DevicePhone,
   passkey: SecurityPasskey,
+  password: Lock,
   sms: SecurityPhone,
 } as const;