Add Tooltip for `Tweet` and `Post` with Public Metrics & Image Support

[tomsmith8]

Tasks:

• Render a tooltip for Tweet and Post nodes when hovering.
• Include image_url if available to display an image.
• Display text content from the tweet or post.
• Render public engagement metrics icons, including:
  • Impressions (impression_count)
  • Likes (like_count)
  • Replies (reply_count)
  • Retweets (retweet_count)
  • Quotes (quote_count)
  • Bookmarks (bookmark_count)

UI & Styling Updates:

• Ensure dynamic tooltip sizing and padding based on content.
• Maintain proper text alignment for readability.
• Keep icons and engagement metrics structured like in the reference screenshot (color should be white).

Implementation Details:

• Ensure image scaling and aspect ratio are properly handled.
• Apply graceful fallback for missing data (e.g., hide metrics if unavailable).
• Ensure tooltips appear on hover and do not interfere with interactions.

Expected Outcome:

• Icons should not be dark (limitation of wireframe)
• Tooltip dynamically displays tweet/post text, image, and engagement metrics.
• Metrics only appear if they exist in the data.
• External links redirect users to the original Tweet/Post.

[MuhammadUmer44]

@tomsmith8 Please assign me?

[tomsmith8]

@MuhammadUmer44 are you free to pick up this too (similiar styling)? #2727

Ideally, I need both PRs in the next free hours

[MuhammadUmer44]

@MuhammadUmer44 are you free to pick up this too (similiar styling)? #2727

Ideally, I need both PRs in the next free hours

@tomsmith8 assign me?

[tomsmith8]

[brymut]

Has this been posted on sphinx? As I'd like to take it on @tomsmith8

[MuhammadUmer44]

@tomsmith8 I am on it. Please assign me again