[ENG-3243] Refactor node and draft reg cards for better CSS

[futa-ikeda]

• Ticket: ENG-3243
• Feature flag: n/a

Purpose

• Simplify the HTML that is rendered for draft-registration card and node-cards to prevent weird artifacts when hovering, and also better tab-navigation UX

Summary of Changes

• Un-nested some html that was causing issues when hovering these buttons/links, as well as causing tab-focus on these buttons/links to be caught twice
• style these links to look like <Button>s

Screenshot(s)

Node Cards:

• This should no longer have a little line poking out of the right-side of the button when hovering the View button

• Before

  • 

• After

  • 

Draft Registration Cards:

• This should look the exact same for mouse and keyboard, but should no longer focus in a weird way when users tab into focus

• Before

  • 

• After

  • 

Side Effects

• none

QA Notes

• This should eliminate the little bit that pokes out on the View button of the node cards on the Submitted tab of MyRegistrations and Registrations tab of Project Registrations page
• This should also eliminate an extra tab-keypress that would happen for the Review and Edit buttons of the draft-registration cards on the Drafts/Draft Registrations tab

[coveralls]

Pull Request Test Coverage Report for Build 1481699887

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 73.083%

---

Totals
Change from base Build 1481491118:	0.0%
Covered Lines:	5160
Relevant Lines:	6795

---

💛 - Coveralls