feat: MissionGridCard 및 MissionListCard 컴포넌트에 이미지 로딩 최적화를 위한 'loading="lazy"' 속성 추가

Author: minsgy

src/routes/mission/-components/MissionGridCard.tsx

@@ -57,6 +57,7 @@ export default function MissionGridCard({
               "absolute inset-0 w-full h-full object-cover z-[-1]",
               isLocked && status === "not_tried" && "blur-sm"
             )}
+            loading="lazy"
           />
         )}
         <div className="flex flex-col justify-between h-full">
@@ -134,6 +135,7 @@ export default function MissionGridCard({
                   src={holdImageUrl}
                   alt="mission-image"
                   className="object-contain w-full h-full"
+                  loading="lazy"
                 />
               </div>
             )}

src/routes/mission/-components/MissionListCard.tsx

@@ -37,13 +37,15 @@ export default function MissionListCard({
             src={imageUrl}
             alt=""
             className="w-full h-full rounded-[20px] object-cover"
+            loading="lazy"
           />
         )}
         {status !== "not_tried" && holdImageUrl && (
           <img
             src={holdImageUrl}
             alt=""
             className="w-full h-full rounded-[20px] object-contain"
+            loading="lazy"
           />
         )}
       </div>