add image component

src/app/channel/components/miniMember.tsx

@@ -1,3 +1,4 @@
+import { Image } from '@lume/shared/image';
 import { DEFAULT_AVATAR } from '@lume/stores/constants';
 import { useProfile } from '@lume/utils/hooks/useProfile';
 
@@ -9,7 +10,7 @@ export default function MiniMember({ pubkey }: { pubkey: string }) {
       {isError || isLoading ? (
         <div className="h-8 w-8 animate-pulse rounded-md bg-zinc-800"></div>
       ) : (
-        <img
+        <Image
           className="inline-block h-8 w-8 rounded-md bg-white ring-2 ring-zinc-950 transition-all duration-150 ease-in-out"
           src={user?.picture || DEFAULT_AVATAR}
           alt={user?.pubkey || 'user avatar'}