Improve project deploy key list layout
The following discussion from https://gitlab.com/gitlab-org/gitlab/-/merge_requests/91627#note_1019712420 should be addressed.
In `app/assets/javascripts/deploy_keys/components/key.vue`, we currently show both SHA256 and MD5 fingerprints, but the SHA256 fingerprint overflows a row:
## Current

## Proposed
@annabeldunstone proposed this design:

- Remove "deploy tokens" text from each tab
- Remove table headers
- Move badge into deploy key column on new line
- Add `4px` spacing between keys (in same cell) and `8px` between key title and actual keys
- (nice-to-have) Update badge to use [badge component](https://design.gitlab.com/components/badge)
issue