Better handling of the date in Notifications

Ref. PWA11.1

NOTE: this feature is from a big development. See PWA discussion at GitHub.

Is your feature request related to a problem? Please describe.

As a registered participant who is following content in Decidim, when I see the date of a Notification in /notifications, it just shows the day of week and day of the month it was sent.

Describe the solution you’d like

• When the notifications’ date is recent I want to have a relative date, less than 30 days sent with the full date shown on hover or click in mobile phones) don’t show the full date. In case notification is less than a date one day I’d like to see the relative date (“1 hour ago”, “30 minutes ago”)
• When the notifications’ date is not that recent I want to have only the DD/MM, but when the notification is from another year I want to also have the YYYY (format DD/MM/YYYY).

Describe alternatives you’ve considered

We could always show the full date (DD/MM/YYYY) but I think it’s better to show the relative date so I don’t have to see which day is today and make the diff in my head.

Acceptance criteria

• Given that I’m a participant with a notification from 10 days,
  When I go to my notifications page
  Then I see that the notification is from “Less than 10 days”
  and if I hover the date on the desktop I can see the full date
  and if I click on the date in mobile I can see the full date
• Given that I’m a participant with a notification from 8 hours,
  When I go to my notifications page
  Then I see that the notification is from “Less than 8 hours”
  and if I hover the date on the desktop I can see the full date
  and if I click on the date in mobile I can see the full date
• Given that I’m a participant with a notification from 31 days,
  When I go to my notifications page
  Then I see that the date notification follows the format “DD/MM”
  and if I hover the date on the desktop I can see the full date
  and if I click on the date in mobile I can see the full date
• Given that I’m a participant with a notification from 400 days,
  When I go to my notifications page
  Then I see that the date notification follows the format “DD/MM/YYYY”
  and if I hover the date on the desktop I can see the full date
  and if I click on the date in mobile I can see the full date