fix responsiveness on patients page

[Pranshu1902]

WHAT

🤖[deprecated] Generated by Copilot at 9083467

Improved the responsiveness and layout of the patient manager component by adding flex classes to the patient name and age div in ManagePatients.tsx.

Proposed Changes

• Fixes Improper responsiveness in Patient Card #6722
  Fix patient age responsiveness view
  

@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

HOW

🤖[deprecated] Generated by Copilot at 9083467

• Prevent patient name and age from overflowing to the next line on smaller screens by adding flex flex-wrap classes to the div element with the font-semibold class (link)

[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	Dec 6, 2023 10:36am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	09e4c9d
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/65704e7489f5ac0008bdd180
😎 Deploy Preview	https://deploy-preview-6759--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]

@Pranshu1902 in the responsive view, when it goes to the second row, move it to the left side and remove the space

[Pranshu1902]

@nihal467 Removed left margin
Updated view:

[nihal467]

LGTM