chore: update image attrs

web/src/components/MemoContent/Image.tsx

@@ -4,7 +4,7 @@ interface Props {
 }
 
 const Image: React.FC<Props> = ({ altText, url }: Props) => {
-  return <img alt={altText} src={url} />;
+  return <img src={url} alt={altText} decoding="async" loading="lazy" />;
 };
 
 export default Image;

web/src/components/MemoResourceListView.tsx

@@ -39,6 +39,7 @@ const MemoResourceListView = ({ resourceList = [] }: { resourceList: Resource[]
           src={resource.externalLink ? url : `${url}${thumbnail ? "?thumbnail=1" : ""}`}
           onClick={() => handleImageClick(url)}
           decoding="async"
+          loading="lazy"
         />
       );
     } else if (type === "video/*") {

web/src/components/PreviewImageDialog.tsx

@@ -128,6 +128,8 @@ const PreviewImageDialog: React.FC<Props> = ({ destroy, imgUrls, initialIndex }:
           onTouchMove={handleTouchMove}
           onTouchEnd={handleTouchEnd}
           onWheel={handleImgContainerScroll}
+          decoding="async"
+          loading="lazy"
         />
       </div>
     </>

web/src/components/ResourceIcon.tsx

@@ -27,10 +27,11 @@ const ResourceIcon = (props: Props) => {
     return (
       <SquareDiv className={classNames(className, "flex items-center justify-center overflow-clip")}>
         <img
-          loading="lazy"
           className="min-w-full min-h-full object-cover border rounded dark:border-none"
           src={resource.externalLink ? resourceUrl : resourceUrl + "?thumbnail=1"}
           onClick={() => showPreviewImageDialog(resourceUrl)}
+          decoding="async"
+          loading="lazy"
         />
       </SquareDiv>
     );

web/src/components/UserAvatar.tsx

@@ -12,6 +12,8 @@ const UserAvatar = (props: Props) => {
       <img
         className="w-full h-auto rounded-full shadow min-w-full min-h-full object-cover dark:opacity-80"
         src={avatarUrl || "/logo.png"}
+        decoding="async"
+        loading="lazy"
         alt=""
       />
     </div>