Fix the History timeline labels and tooltip placement

[piitaya]

Proposed change

Since #53630 the History page draws timeline names above their bar, which halves how many rows fit on screen. They go back to the label column on the left, and the page keeps the 16px margins it had around the charts.

The timeline tooltip now also stays level with the row you hover. It was pinned near the top of the chart since #51904, which works for the line charts but leaves it off screen on a long list of timelines.

Screenshots

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

Additional information

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

Checklist

• I understand the code I am submitting and can explain how it works.
• The code change is tested and works locally.
• There is no commented out code in this PR.
• I have followed the perfect PR recommendations
• Any generated code has been carefully reviewed for correctness and compliance with project standards.

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

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

To help with the load of incoming pull requests:

• I have reviewed two other open pull requests in this repository.