add image component

src/app/channel/components/messages/userReply.tsx

@@ -1,3 +1,4 @@
+import { Image } from '@lume/shared/image';
 import { DEFAULT_AVATAR, IMGPROXY_URL } from '@lume/stores/constants';
 import { useProfile } from '@lume/utils/hooks/useProfile';
 import { shortenKey } from '@lume/utils/shortenKey';
@@ -15,12 +16,10 @@ export default function UserReply({ pubkey }: { pubkey: string }) {
       ) : (
         <>
           <div className="relative h-7 w-7 shrink overflow-hidden rounded">
-            <img
+            <Image
               src={`${IMGPROXY_URL}/rs:fit:100:100/plain/${user?.picture ? user.picture : DEFAULT_AVATAR}`}
               alt={pubkey}
               className="h-7 w-7 rounded object-cover"
-              loading="lazy"
-              fetchpriority="high"
             />
           </div>
           <span className="text-xs font-medium leading-none text-zinc-500">