refactor useProfile and useChannelProfile hooks

src/components/note/preview/image.tsx

@@ -1,7 +1,14 @@
 export const ImagePreview = ({ url, size }: { url: string; size: string }) => {
   return (
     <div className={`relative h-full ${size === 'large' ? 'w-4/5' : 'w-1/2'} mt-2 rounded-lg border border-zinc-800`}>
-      <img src={url} alt={url} className="h-auto w-full rounded-lg object-cover" loading="lazy" />
+      <img
+        src={url}
+        alt={url}
+        className="h-auto w-full rounded-lg object-cover"
+        loading="lazy"
+        decoding="async"
+        style={{ contentVisibility: 'auto' }}
+      />
     </div>
   );
 };