fix: Set correct height for tabs

[frankieyan]

Short description

Following up from #851, this adds top/bottom paddings to the tabs so that they render at the same height as before the line-height change. Paddings are used over min-height so that they remain consistent even if multiple lines of text are rendered in the tabs.

Before	After

PR Checklist

• Added tests for bugs / new features
• Updated docs (storybooks, readme)
• Executed npm run validate and made sure no errors / warnings were shown
• Described changes in CHANGELOG.md
• Bumped version in package.json and package-lock.json (npm --no-git-tag-version version <major|minor|patch>) ref
• Reviewed and approved Chromatic visual regression tests in CI

Versioning

Patch