clean up & polish

src/shared/composer/mention/item.tsx

@@ -6,18 +6,14 @@ import { Profile } from '@utils/types';
 export function MentionItem({ profile }: { profile: Profile }) {
   return (
     <div className="flex items-center gap-2">
-      <div className="h-8 w-8 shrink-0 overflow-hidden rounded-md bg-zinc-900">
-        <Image
-          src={profile.picture || profile.image}
-          alt={profile.pubkey}
-          className="h-8 w-8 object-cover"
-        />
-      </div>
+      <Image
+        src={profile.picture || profile.image}
+        alt={profile.pubkey}
+        className="shirnk-0 h-8 w-8 rounded-md object-cover"
+      />
       <div className="flex flex-col gap-px">
         <h5 className="max-w-[15rem] text-sm font-medium leading-none text-white">
-          {profile.ident || (
-            <div className="h-3 w-20 animate-pulse rounded-sm bg-zinc-700" />
-          )}
+          {profile.ident}
         </h5>
         <span className="text-sm leading-none text-white/50">
           {displayNpub(profile.pubkey, 16)}