fix: overflow of fields in the user management cards

[alanansari]

Proposed Changes

• Fixes Overflow of some fields such as district in the user management page #7256
• Fixed using overflow-hidden and style={{ textOverflow: "ellipsis" }} which hides overflown text and adds ellipses at the end
• Added the text content to the title so on hover the full text gets displayed in a tooltip
• Screenshot:
• 

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 27, 2024 11:00am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	cb212e2
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/65ddc0a64223600008abf9fc
😎 Deploy Preview	https://deploy-preview-7261--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nihal467]

LGTM

[github-actions]

@alanansari We truly appreciate your efforts. Thank you for taking the time to contribute; this is a very valuable contribution to us 🥇. We always welcome your contribution 🙂, so feel free to contribute to anything anytime, and never lose that spirit of innovation 🙌.