update composer modal

src/shared/composer/user.tsx

@@ -1,16 +1,16 @@
 import { Image } from '@lume/shared/image';
 import { DEFAULT_AVATAR, IMGPROXY_URL } from '@lume/stores/constants';
 
-export const ComposeUser = ({ data }: { data: any }) => {
+export function User({ data }: { data: any }) {
   const metadata = JSON.parse(data.metadata);
 
   return (
-    <div className="flex items-center gap-1.5">
-      <div className="h-6 w-6 shrink-0 overflow-hidden rounded bg-zinc-900">
+    <div className="flex items-center gap-2">
+      <div className="h-8 w-8 shrink-0 overflow-hidden rounded bg-zinc-900">
         <Image
           src={`${IMGPROXY_URL}/rs:fit:100:100/plain/${metadata?.picture ? metadata.picture : DEFAULT_AVATAR}`}
           alt={data.pubkey}
-          className="h-6 w-6 object-cover"
+          className="h-8 w-8 object-cover"
           loading="auto"
         />
       </div>
@@ -21,4 +21,4 @@ export const ComposeUser = ({ data }: { data: any }) => {
       </h5>
     </div>
   );
-};
+}