[170] feat: Dropdown Menu Styling for Donor and Recipient Cards

[lemezze]

Developer: Leticia Mezzetti

Pull Request Summary

Developers worked on changing text boxes to a drop-down format for the Donor and Recipient Forms on the Admin Side. I changed the TSX/CSS files to style the dropdown menu and spacing between text.

I had to change the MUI Menu items by applying sharper curved edges around the menu box, changing the highlighting color when selecting the dropdown to a green color (#F0F9F1), and making all selection boxes have the same length.

Here is what the new Donor form looks like:

Here is what the new Recipient form looks like:

Pull Request Checklist

(Acutally check off the boxes to make sure you've done everything)

• Link your issue
• PR title is in the format [issue #] type: description
• Code is neat, readable, and works
• Comments are appropriate
• The commit messages follows our guidelines
• Developer name is specified
• Summary is completed
• Request a review from your tech leads

AFTER REVIEW

• Make sure you respond to all of the reviewer's feedback.
• If they make proposed changes either accept them or respond with questions/clarification.
• If they make comments either respond, or if you fixed the issue, resolve the conversation

Reviewer Checklist - PULL REQUEST REVIEWER ONLY

IMPORTANT: The rest of the sections in this checklist should only be filled out by authorized pull request reviewers. If you are the individual contributor, do not fill out the rest of the fields or check the boxes.

Reviewer: Full Name

NOTE: Pull requests should only be merged when all boxes are checked.

• Assign yourself as reviewer if not assigned
• The reviewer name is specified
• The code is fully reviewed
• Meaningful feedback is given
• Let developer know a review has been made