feat: Implement useImageStatus hook and enhance image loading status handling across various components to address cached images and loading timeouts.

src/app/(user)/user/profile/[id]/page.tsx

@@ -291,6 +291,7 @@ export default function AgentProfileView() {
                   )}
                   {/* eslint-disable-next-line @next/next/no-img-element */}
                   <img
+                    ref={(el) => { if (el?.complete) { if (el.naturalWidth > 0) setImageLoaded(true); else setImageError(true); } }}
                     src={getProfileImageUrl()!}
                     alt="Profile"
                     className={`w-full h-full object-cover transition-opacity duration-300 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`}