Deploy key project name truncated and not clickable
### Summary
The **Deploy keys** section in **Repository Settings** renders a truncated project name under **Project usage**. The first (or only) project in the list does not render an `<href>` clickable link to jump to the project, this makes determination of the project's full project path difficult due to the truncation.
### Steps to reproduce
- Create a project with a long path
- Add a [deploy key](https://docs.gitlab.com/ee/user/project/deploy_keys/) **Settings > Repository > Deploy keys**
- Navigate to another project and enable the deploy key created above
- Observe the lengthy project's name under **Deploy keys > Project** **Project usage**
### What is the current *bug* behavior?
The first project in the list is truncated and not clickable, hence it is not possible to fully identify the project location.
### What is the expected *correct* behavior?
The project path should be readable, perhaps by way of tooltip, and should be clickable, to remain consistent with other projects in the list.
### Relevant logs and/or screenshots
{width=70%}
### Workaround
It is possible to determine the path by viewing the page source using developer tools in the browser, for example:
{width=70%}
### Possible fixes
Somewhere around https://gitlab.com/gitlab-org/gitlab/-/blob/6ffc9a77756d03470e71e3907836e455be306ecd/app/assets/javascripts/deploy_keys/components/key.vue#L150-150
issue