Implement dynamic contextual OG Images for share links

[miurla]

Description

Currently, we have a static OG Image for shared links. We should enhance the social sharing experience by implementing dynamic, contextual OG Images based on the content being shared (search results, chat contexts, etc.).

Proposed Implementation

• Utilize Next.js's ImageResponse API to generate dynamic OG Images
• Create route-based dynamic images for:
  • Search results (app/search/[id]/opengraph-image.tsx)
• Include relevant thumbnails or content previews in the generated images
• Display key information (search terms, chat topics)
• Maintain brand consistency with fallback to static image when dynamic content isn't available

Expected Benefits

• Improved social sharing experience
• Higher engagement rates when links are shared on social platforms
• Better visual context for shared links
• Increased click-through rates

Technical Requirements

• Use Edge runtime for optimal performance
• Implement responsive image generation to accommodate different platforms
• Ensure proper caching strategy
• Maintain accessibility with appropriate alt text