MPDX-8684 - Style changes to ContactRow; mobile experience improvement

[zweatshirt]

Description

Jira ticket

• The mobile view for the ContactRow is hard to read and vertically uneven.
• This PR aims to vertically align ContactRow items for consistency and readability.
• The changes made might reduce efficiency slightly, but increase quality for users.

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]

Preview branch generated at https://MPDX-8684-fix-contacts-mobile-view.d3dytjb8adxkk5.amplifyapp.com

[github-actions]

Bundle sizes [mpdx-react]

Compared against 0bda372

No significant changes found

[Copilot]

Pull Request Overview

This PR improves the mobile user experience for ContactRow components by addressing vertical alignment and readability issues. The changes focus on refining the layout and styling to create a more consistent and readable mobile interface.

• Replaces inline styles with MUI sx prop styling for better maintainability
• Adds proper text overflow handling with ellipsis for long addresses
• Implements flexbox and grid layouts for improved vertical alignment