Add dynamic OG image for profile pages

[Copilot]

OG images were implemented for the home page (static) and article detail pages (dynamic), but profile pages were missing one entirely.

Changes

• New file: src/app/[username]/(profile-page)/opengraph-image.tsx
  • Next.js ImageResponse route at 1200×630px PNG — same pattern as [articleHandle]/opengraph-image.tsx
  • Fetches name, username, bio, profile_photo, and designation via the existing getUserByUsername (already "use cache"-tagged)
  • Renders: circular profile photo, full name, @username, designation, bio (truncated at 120 chars), TechDiary logo in footer
  • Blue header matching article OG style (rgb(54%, 61%, 100%)), HindSiliguri Bangla font
  • Degrades gracefully — falls back to URL username if profile not found, omits photo element if no photo is set

[kingRayhan]

Looks good 🥰
Thanks @copilot
CC: @shoaibsharif

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 998d2d1a-034b-43b2-9d4c-2eddc55ab143

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch copilot/update-profile-page-og-image

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}