Component for truncating string with ellipsis in various ways

Problem

Currently, it is not possible to easily include a different way of ellipse truncating strings within scope of merge requests.

Further information

Taken from https://gitlab.com/gitlab-org/gitlab-ce/issues/33418#note_109575896

Urls should be ellipsed (at the beginning) when too long instead of wrapping

No, this would require JS. We do not have anything to handle that. maybe raise this concern with Gitlab-ui team so they can make a component to handle it

Proposal

We need a component that makes it possible to have more flexibility in ellipse truncating long text in tight places.

• Front ellipse truncating
• Middle (from a certain char number - to a certain char number) ellipse truncating
• End ellipse truncating

cc: @winh (didn't we do something like this in the past?) cc: @filipa @ClemMakesApps