MPDX-7930 - Clean Up Styles on Fix Mailing Addresses

[dr-bizz]

Description

• This pull request focuses on cleaning up styles on the Fix Mailing Addresses page and components to enhance visual consistency and code maintainability.

Changes

• Added an LockIcon styled component.
• Fixed styling for individual contact elements.
• Updated the overall page styling to improve layout and appearance.

Checklist:

• I have given my PR a title with the format "MPDX-(JIRA#) (summary sentence max 80 chars)"
• I have applied the appropriate labels. (Add the label "On Staging" to get the branch automatically merged into staging.)
• I have requested a review from another person on the project

[github-actions]

Bundle sizes [mpdx-react]

Compared against 8229976

No significant changes found

[github-actions]

Preview branch generated at https://MPDX-7930-clean-up-styles.d3dytjb8adxkk5.amplifyapp.com

[dr-bizz]

@caleballdrin The codecov will come later. This is just styling.

[caleballdrin]

@dr-bizz is the amplify preview working for you? It's not working for me.

[caleballdrin]

Could you make the Add + icon be aligned with the Lock icons and have the same circle hover effect?

[dr-bizz]

@caleballdrin it's due to it building on the staging API. Can you test locally?

[caleballdrin]

Could you make the MPDX Source label aligned with the other sources? And also align the sources with the address on small screen sizes.

[github-actions]

Preview branch generated at https://MPDX-7930-clean-up-styles.d3dytjb8adxkk5.amplifyapp.com

[caleballdrin]

Looks great!