Add last-changed date to more-info

[piitaya]

Proposed change

Some changes to more-info :

• Add last-changed date : Easter eggs : the date format can toggled from relative to absolute by clicking on it. The year is display if the year is the same as today. The day is not displayed if the day is the same as today.
• Move the title back to header
• Increase state size

CleanShot.2023-05-11.at.15.26.56.mp4

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[bramkragten]

Why do we need to update an absolute time every 60 secs?

[piitaya]

We should update it every hour (HH:00)

[piitaya]

The format change if it's the same day or not.

 const _to = to ?? new Date();

  if (isSameDay(from, _to)) {
    return formatTime(from, locale);
  }
  if (isSameYear(from, _to)) {
    return formatShortDateTime(from, locale);
  }
  return formatShortDateTimeWithYear(from, locale);

The check is now done every hour.
At midnight, the display value should change from 8:23 AM to Aug 9, 2021, 8:23 AM.

[bramkragten]

Then we could just calc the ms to next day instead of doing it every hour? And if it is already not the same day we dont have to do it at all?

[piitaya]

Yes, But I would prefer to update it every day because of formatShortDateTimeWithYear.

[bramkragten]

That is a pretty big edge case, how many times will a page be open for so long without refresh/update, etc?