Improve mobile responsiveness on Bridge view

[Calebux]

Context & Description

On mobile devices (below 768px width), the Bridge view looks broken or overflows. Adjust the CSS/Grid/Flexbox layouts so it looks clean on mobile screens.

Acceptance Criteria

• Component is fully responsive across mobile, tablet, and desktop viewports.
• UI matches the established design system and toggles theming correctly (e.g. Dark Mode).
• Passes all accessibility guidelines (minimum WCAG AA contrast, proper ARIA labels).
• Renders efficiently without unnecessary layout shifts (CLS).
• Interactive states (hover, focus, active, disabled) are fully styled.

Technical Constraints & Notes

• Modularity: Keep components as decoupled and reusable as possible.
• TypeScript: Adhere strictly to strict TypeScript types. The use of any is strictly prohibited.
• Styling: Do not use inline styles; use the project's centralized styling solution.

[Chidi-Dev1]

@Chidi-Dev1 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hi, I’d be happy to take this on. The scope is clear, and I’m confident I can implement the required changes without introducing unnecessary complexity. I’ll handle the implementation, testing, and final verification so the PR is ready for review.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Chidi-Dev1 to this issue.

[starkiVector-090]

@starkiVector-090 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello team, can I work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @starkiVector-090 to this issue.

[drips-wave]

Congratulations, @starkiVector-090! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @starkiVector-090: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊