Add bottom padding to code editor

[joshmcrty]

Proposed change

Adds bottom padding to the code editor so horizontal scrollbars do not cover up the last line of code when they appear. This is notable on macOS using a trackpad with the "Show scroll bars" setting set to "Automatically based on mouse or trackpad". This matches the top padding for the code editor.

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

Open the Developer Tools > Template tab on macOS with the scrollbar setting mentioned above and then use the trackpad to scroll horizontally. A scrollbar will appear and cover the bottom line of code in the editor.

Screen.Recording.2023-10-23.at.1.12.37.PM.mov

Additional information

• This PR fixes or closes issue: fixes horizontal scrollbar in dev tools template covers template #16929
• This PR is related to issue or discussion: improve template editor: add Clear button/always show 2 lines #8739
• 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