Use Human-Readable Date Formats for Dates Displayed in the UI

Update the UI to display dates and timestamps in human-readable formats, improving clarity and user experience.

Current Behavior:

• Dates are displayed in raw or ISO formats (e.g., 2025-05-20T10:22:23.872Z).
• This can be difficult for users to quickly interpret.

Expected Behavior:

• Dates and times should be formatted into readable forms, such as:

  • May 20, 2025, 10:22 AM
  • 20 May 2025, 10:22
  • Relative times (e.g., “5 minutes ago”) where appropriate.

Proposed Tasks:

• 1. Identify all UI components displaying dates or timestamps.
• 2. Implement date formatting using libraries like java.time.format.DateTimeFormatter (backend) or date-fns / moment.js / Intl.DateTimeFormat (frontend).
• 3. Ensure consistent timezone handling, aligned with user preferences or system defaults.
• 4. Add unit and integration tests for date formatting.
• 5. Update documentation if necessary.

Benefits:

• Enhances readability and usability.
• Reduces user errors and confusion.
• Provides a polished and professional UI.