responsive: shiftingDetails page and Breadcrumbs added phone and desktop

[modamaan]

Proposed Changes

change the button alignment when phone size

• Fixes phone size responsive issue shifting details page #8831

Before

After

@ohcnetwork/care-fe-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

[netlify]

✅ Deploy Preview for care-ohc ready!

Name	Link
🔨 Latest commit	5f6f9b8
🔍 Latest deploy log	https://app.netlify.com/sites/care-ohc/deploys/671f99d4a8851000083ce1b6
😎 Deploy Preview	https://deploy-preview-8933--care-ohc.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.

[modamaan]

@bodhish @rithviknishad

loom-video.2.mp4

[shivankacker]

@modamaan unable to understand the breadcrumbs relation here, could you elaborate more in the PR description?

[modamaan]

@shivankacker #8833 (comment)

[modamaan]

Proposed Changes

add responsive shadcn breadcrumbs

• Fixes #8831

Current version

Last item broken

No dropdown here

Updated version

Last item broken issue solved

Shadcn Dropdown added

@ohcnetwork/care-fe-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

[bodhish]

Duplicate of #8833

[bodhish]

I will actually add icons for non paths in the dropdown.

Example

• 🏢 Critical Care
• 🗳 Assets

unicodes are just for illustration.

I expect these changes to be made on the previous PR

[modamaan]

@bodhish