Fix job name overflow in Firefox, Safari and IE

What does this MR do?

Fix the overflow of job name on firefox and IE

Closes #56426 (closed)

What are the relevant issue numbers?

https://gitlab.com/gitlab-org/gitlab-ce/issues/56426

Issue was already present in 11.7, the following MR landed for 11.8 https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/24074

Which partially fixed the issue. It fixed it on Chrome, but not Firefox. This MR fixed for firefox and other browsers

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Documentation created/updated via this MR
• Documentation reviewed by technical writer or follow-up review issue created
• Tests added for this feature/bug
• Tested in all supported browsers
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the database guides
• Link to e2e tests MR added if this MR has Requires e2e tests label. See the Test Planning Process.
• Security reports checked/validated by reviewer