In the job log adds a highlight when hovering
the collapsible line

This is a temporary, not ideal, solution but it fixes the
main issue that the customer are complaining about, which
is that color changes are broken down in several lines which
makes the log not readable.

Currently we write out empty CSS classes (`class=""`) every time we
create a new tag. This adds 9 unnecessary bytes per span element. In a
recent trace, I have counted 11950 span elements. So we transported 105
unnecessary kilobytes!

Replaces CSS with utility classes
Removes unused CSS

The top bar of the job log was always expecting the
performance bar to be enabled. This commit adds CSS
to fix the top position for both scenarios.

* Move cancel button to where the Retry is normally placed
* Move new issue button to be in sidebar view for desktop versions
* Update specs

Add changelog entry for moving cancel btn

Remove mobile version job action buttons

* Remove buttons showing up on seperate row on job sidebar
* Show Retry button in mobile version next to build name

Improve flexbox usage for job action buttons

* Allow for cleaner scaling of job name and alignment of buttons

Adjust the debug button icon size

* Adjust debug icon size on the build sidebar so the debug button is the
same height as the other buttons

Tweak job name vertical margins

* Changes are only made to job side vue
* Remove old class that only changed margin on top
* Adjust veritcal margin uniformy set to 0 via bootstrap margin class

Update Karma tests for job side view

* Update karms tests for mobile version of side view
* Removed tests for new issue button since we are fixing in
https://gitlab.com/gitlab-org/gitlab-ce/issues/55944

Fix rspec and static-analysis failures

* Run Prettier
* Update rspec css selectors

Move job action buttons to new line

* Move "New Issue" and "Debug" buttons to seperate line in job sidebar
* Update specs

Run Prettier to format JS

Remove New Issue button from job header

Make sure button spacing follows styleguide

This commit fixes a number of minor style issues in the job details
sidebar - spacing, font weights, button sizes, and font sizes.

More details here:
https://gitlab.com/gitlab-org/gitlab-ce/issues/54814

- Long named variable key/values are vertially aligned

- The table width was shrinking with smaller variable names

- Horizontall aligns span and button text

- Removes element in favor of class name
- Adjusts to use existing variables

Adds new style to the trigger variables table.

When the job is archieved we render a affixed warning
on the top of the job log

Removes old buttons,links and tooltips and uses
the new gitlab-ui components.

improved components by making them unaware of the store
removed need for extra CSS - all achieved with BS classes