add image component

src/app/channel/components/updateModal.tsx

@@ -1,6 +1,7 @@
 import { AvatarUploader } from '@lume/shared/avatarUploader';
 import CancelIcon from '@lume/shared/icons/cancel';
 import EditIcon from '@lume/shared/icons/edit';
+import { Image } from '@lume/shared/image';
 import { RelayContext } from '@lume/shared/relayProvider';
 import { DEFAULT_AVATAR, WRITEONLY_RELAYS } from '@lume/stores/constants';
 import { dateToUnix } from '@lume/utils/getDate';
@@ -145,7 +146,7 @@ export default function ChannelUpdateModal({ id }: { id: string }) {
                     <div className="flex flex-col gap-1">
                       <label className="text-xs font-semibold uppercase tracking-wider text-zinc-400">Picture</label>
                       <div className="relative inline-flex h-36 w-full items-center justify-center overflow-hidden rounded-lg border border-zinc-900 bg-zinc-950">
-                        <img src={image} alt="channel picture" className="relative z-10 h-11 w-11 rounded-md" />
+                        <Image src={image} alt="channel picture" className="relative z-10 h-11 w-11 rounded-md" />
                         <div className="absolute bottom-3 right-3 z-10">
                           <AvatarUploader valueState={setImage} />
                         </div>