feat: Implement agent-specific contact page CTA, enhance avatar loading and message previews, and refine messaging read receipts with auto-mark functionality.

src/components/message/MessagingPage.tsx

@@ -825,7 +825,13 @@ export function MessagingPage({ initialConversationId }: { initialConversationId
                         )}
                       </div>
                       <p className="font-serif font-normal text-[14px] leading-[19px] text-[#00293D] line-clamp-2">
-                        {conversation.lastMessageText || 'No messages yet'}
+                        {conversation.lastMessageText
+                          ? /giphy\.com|\.gif(\?|$)/i.test(conversation.lastMessageText)
+                            ? 'GIF 🎬'
+                            : /\.(jpg|jpeg|png|webp|svg)(\?|$)/i.test(conversation.lastMessageText) && conversation.lastMessageText.startsWith('http')
+                              ? 'Image 📷'
+                              : conversation.lastMessageText
+                          : 'No messages yet'}
                       </p>
                     </div>