wip: port more component to new ui

src/shared/composer/user.tsx

@@ -9,15 +9,13 @@ export function ComposerUser({ pubkey }: { pubkey: string }) {
 
   return (
     <div className="flex items-center gap-3">
-      <div className="h-8 w-8 shrink-0 overflow-hidden rounded-md bg-zinc-900">
-        <Image
-          src={user?.picture || user?.image}
-          fallback={DEFAULT_AVATAR}
-          alt={pubkey}
-          className="h-8 w-8 object-cover"
-        />
-      </div>
-      <h5 className="text-base font-semibold leading-none text-zinc-100">
+      <Image
+        src={user?.picture || user?.image}
+        fallback={DEFAULT_AVATAR}
+        alt={pubkey}
+        className="h-8 w-8 shrink-0 rounded-md object-cover"
+      />
+      <h5 className="text-base font-semibold leading-none text-white">
         {user?.nip05 || user?.name || (
           <div className="h-3 w-20 animate-pulse rounded-sm bg-zinc-700" />
         )}