updated UI/UX

src/components/user/extend.tsx

@@ -55,14 +55,20 @@ export const UserExtend = memo(function UserExtend({ pubkey, time }: { pubkey: s
 
   return (
     <div className="relative flex items-start gap-4">
-      <div className="relative h-11 w-11 shrink overflow-hidden rounded-full border border-white/10">
+      <div className="relative h-11 w-11 shrink overflow-hidden rounded-md bg-zinc-900">
         {profile.picture ? (
-          <ImageWithFallback src={profile.picture} alt={pubkey} fill={true} className="rounded-full object-cover" />
+          <ImageWithFallback
+            src={profile.picture}
+            alt={pubkey}
+            fill={true}
+            className="rounded-md border border-white/10 object-cover"
+          />
         ) : (
           <Avatar
             size={44}
             name={pubkey}
             variant="beam"
+            square={true}
             colors={['#FEE2E2', '#FEF3C7', '#F59E0B', '#EC4899', '#D946EF', '#8B5CF6']}
           />
         )}