Display cumulative setup seconds on the config info page

[bdraco]

Proposed change

Show users why their setup/startup is slow.

Requires home-assistant/core#48274

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

[spacegaier]

LGTM

[bramkragten]

We should probably look at hiding some columns for mobile or folding the rows, as it already doesn't fit now, and we are adding another column.

Something like:

[bdraco]

That looks good. 👍 I'll try to find an example in the frontend code base and replicate it. Marking this as a draft in the mean time since its too late here to make progress.

[bdraco]

I haven't found a modern example of hiding this in the codebase. There are some references to a narrow property, but I'm not sure what the preferred approach is here.

[bramkragten]

Yes, we should use narrow, for the layout we probably wanna use flexbox.

I can push something if you want tomorrow?

[bdraco]

Yes, we should use narrow, for the layout we probably wanna use flexbox.

I can push something if you want tomorrow?

That would be fantastic!

[bdraco]

Thanks for the help getting this one done. 👏👍🎉