Non-verbose relative times

[uiuxxx]

Let's implement a non-verbose relative time system, to get cleaner outputs (e.g. "2m ago" vs "2 minutes ago")

We can use a react library like: https://catamphetamine.gitlab.io/react-time-ago/

This is the ideal format:

• Less than one minute:
  • "2s ago"
• Between 1 minute and 60 minutes
  • "4m ago"
• Between 60 minutes and 24 hours:
  • "4h ago"
• Between 24 hours and 30 days
  • "3d ago"
• Between 30 days and 1 year
  • "2mo ago"
• Greater than 1 year
  • "Jan 3, 2023"

You might need to use custom labels to achieve this: https://github.com/catamphetamine/javascript-time-ago?tab=readme-ov-file#custom

This should be applied to:

• My transactions (on Pool Detail Page) where the user has provided liquidity in the past
• Recent activity.

[garethfuller]

Looked into this, it's definitely not as simple as it seems without adding a hacky solution with an additional package.