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 ![image](/uploads/f6baa9cab43c2d2bac80cf63ea971d08/image.png) ## Proposed @annabeldunstone proposed this design: ![image](/uploads/8c5736b8c8d6c8b918c0435fbf783743/image.png) - 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