Timezone-Aware Relative Timestamp Display

[Kingsman-99]

Description

All timestamps in the app are displayed as UTC ISO strings that users must mentally convert to their local time, making it difficult to gauge how recent activity is or when a deadline falls. A consistent relative timestamp display using the user's local timezone must be applied globally.

Technical Context

src/components/ui/RelativeTime.tsx (new) wraps the Intl.RelativeTimeFormat API to render strings like "3 minutes ago" or "in 2 days". For timestamps older than 7 days it falls back to Intl.DateTimeFormat with { dateStyle: 'medium', timeStyle: 'short' } in the user's detected locale. The component accepts an iso prop and updates its display every 60 seconds via useEffect. A <time dateTime={iso}> element wraps the display text for semantic correctness.

Acceptance Criteria

• All timestamp displays throughout the app use RelativeTime rather than raw ISO strings
• Timestamps within the last 7 days show relative phrasing (e.g., "2 hours ago", "in 3 days")
• Timestamps older than 7 days show an absolute date-time in the user's locale and timezone
• Hovering the relative text shows a tooltip with the full absolute timestamp in the local timezone
• The display refreshes every minute while the page is open without a full re-render of parent components
• All CI checks (npm test, npm run build, ESLint/TypeScript) pass and the branch has no merge conflicts

---

[Tobi-8]

Hey maintainer, I have experience in handling this issue
Kindly assign

[khanavi272-spec]

@khanavi272-spec has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @khanavi272-spec to this issue.

[Hikmaholadele]

@Hikmaholadele has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer, I’d love to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Hikmaholadele to this issue.

[Seunfunmi-319509]

@Seunfunmi-319509 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer, I would like to work on this issue, kindly assign

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Seunfunmi-319509 to this issue.

[meem08]

@meem08 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @meem08 to this issue.

[Masked18]

@Masked18 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello Maintainer
Please can you assign me to this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Masked18 to this issue.

[Oryke]

@Oryke has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

please assign me this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Oryke to this issue.

[drips-wave]

Congratulations, @Oryke! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @Oryke: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊