ui: 0.7 final UI clean up tasks

[sabrinako]

TASKS (can add more if any are spotted besides the ones listed)

• Overview + timeline are not aligned (baseline of Status row should match baseline of Build timeline element)
  • Optional: add horizontal rule under section titles
• Overview: commit information misaligned horizontally
• Alignment of rows in Overview table slightly off (ui: <StatusReportMetaTable> alignment is slightly off #2539)
• Change the handling of image/tag (image + tag should act as one line, image should not wrap, the tag should have overflow handled with ellipsis)
• Missing spacing in build status
• Tight spacing between header and list on apps list page
• Logs and Exec pages have headings but Deployments, Builds, and Releases pages do not
• Release status is missing some spacing and an icon
• STRETCH GOAL: update the breadcrumbs to include current page when on an artifact's detail page

Merged

• Clean up styling in dark mode (ensure all coloring looks correct)
• Add additional space after the check mark icons of each line in timeline component
• Fix breadcrumbs (seems like most of them except for deployments are off)
• Page headers with icon are missing (build and release details pages)

[almonk]

Page layout

• Page headers with icon are missing
• Alignment of overview and timeline panel are off, relative to each other (baseline of 'status' should match baseline of 'Build...' for e.g.. Adding the horizontal rules under the headers will help

Design:

Current implentation:

---

Sidebar

• Remove minimum height constraint for rows
• Secondary text is too close to top row and should be less prominent (e.g. below)

Desired:

Current implentation:

---

Timeline

• Missing spacing between status icon and text

---

Overview

(In addition to existing issues highlighted...)

• Commit information is misaligned horizontally with items above
• Lets reduce the column width of all the titles – I used 100px as the new width and that looked much better
• New handling for image titles (below)

For the image names, lets let flex take on the hard work of adding ellipsis when it's going to overflow and make the whole image name available on mouseover as a tooltip (or in the title)

Before and desired below;

[jgwhite]

• Missing spacing in build status

[jgwhite]

• Tight spacing between header and list on apps list page

[jgwhite]

• Logs and Exec pages have headings but Deployments, Builds, and Releases pages do not

Perhaps none of these pages needing a heading anymore?

[jgwhite]

@almonk given that we don’t have commit messages available yet (nor are we always guaranteed to have them) what do you think about this heading in the deployment detail page?

[jgwhite]

• Release status is missing some spacing and an icon