Fix safari regressions [WD-7486]

[aaryanporwal]

Done

• Decreased line height for breadcrumb items, because safari renders fonts differently than other browsers.
• Removed padding-left from selectable main table's checkbox__label, because the padding left was pushing the arrow on the next row in Safari.
• align-items: center to breadcrumb for because info icon was not aligned perfectly with the breadcrumb.

This changes don't show regressions in chrome, but fixes issues in safari.

Fixes WD-7486

QA

1. Run the LXD-UI:
   • On the demo server via the link posted by @webteam-app below. This is only available for PRs created by collaborators of the repo. Ask @lorumic or @edlerd for access.
   • With a local copy of this branch, run as described here.
2. Perform the following QA steps:
   • Check all breadcrumbs, selectable main tables look okay in safari.

Screenshots

Before:
The screenshots for "Before" are attached in https://warthogs.atlassian.net/browse/WD-7486

After:
Selectable main table:

Breadcrumbs:

[Before]: Breadcrumb with info icon:

[After]: Breadcrumb with info icon:

[webteam-app]

Demo starting at https://lxd-ui-601.demos.haus

[edlerd]

LGTM, can you rebase on main and see if the tests succeed after that (there was a fix in main for tests)?

[aaryanporwal]

I've rebased on main, but it still seems to be failing, couldn't pin point why.

[edlerd]

All good QA and code wise and tests are passing. Thanks for the fixes 👍