wip: add relay discover to onboarding

src/app/auth/components/user.tsx

@@ -3,7 +3,7 @@ import { Image } from '@shared/image';
 import { DEFAULT_AVATAR } from '@stores/constants';
 
 import { useProfile } from '@utils/hooks/useProfile';
-import { shortenKey } from '@utils/shortenKey';
+import { displayNpub } from '@utils/shortenKey';
 
 export function User({ pubkey, fallback }: { pubkey: string; fallback?: string }) {
   const { status, user } = useProfile(pubkey, fallback);
@@ -32,10 +32,10 @@ export function User({ pubkey, fallback }: { pubkey: string; fallback?: string }
       </div>
       <div className="flex w-full flex-1 flex-col items-start text-start">
         <span className="truncate font-medium leading-tight text-white">
-          {user?.name || user?.displayName || user?.display_name}
+          {user?.name || user?.display_name || user?.nip05}
         </span>
         <span className="max-w-[15rem] truncate text-base leading-tight text-white/50">
-          {user?.nip05?.toLowerCase() || shortenKey(pubkey)}
+          {user?.nip05?.toLowerCase() || displayNpub(pubkey, 16)}
         </span>
       </div>
     </div>