Improve project deploy key list layout

The following discussion from !91627 (comment 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