Restyle transfer credits

[CadenLee2]

Restyle the Transfer Credits modal (under Roadmap page)

Description

• Make the modal conform to ppc-modal (ex. the edit year modal)
• Make the font size for p smaller when inside a transfer-modal
• Make the units column smaller
• Remove the unnecessary Close button (the X still exists in the corner)
• Move and restyle the Add Entry button, which does not match the buttons on the other modals because it serves a different purpose (working with the form rather than confirming changes)
• Locally test functionality still works (continues to count units when courses are added with units, allow adding/removing entries, closing the modal, changing the unit counts with up/down arrows) (tested on Firefox, should work elsewhere)
• Locally test appearance on light/dark mode, on phone, on small screen, and with many transfer courses added (inner scroll bar)

Screenshots

Steps to verify/test this change:

• Verify changes work as expected on staging instance

Final Checks:

• Verify successful deployment

(optional)

• Write tests
• Write documentation

Issues

Closes #517

[Awesome-E]

If you want to style that button specifically a little bit more, you can do this so that the plus is aligned and the button is slightly more pronounced:

  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: bold;

Before (left) and after (right):

[Awesome-E]

Code changes look good, just a couple things

• See above comment about styling
• You opened the PR but didn't set two reviewers. Make sure to set me as one reviewer and one other individual contributor as a second reviewer.

[Awesome-E]

Looks a bit better now, but just one more thing to check – is the input font size at least 16px? When I tap the field on iOS, it zooms the entire page, which usually means that the font size is less than that size