fix: improve subscription modal responsiveness and config name truncation

[MatinDehghanian]

Summary

Fixes layout issues in the subscription modal, particularly for the individual config QR code dialog on mobile devices.

Changes

• Config name truncation: Added responsive character limits for config names
  • List view: 30 characters on mobile, 40 on desktop
  • QR modal title: 15 characters on mobile, 25 on desktop
• Mobile-friendly QR modal:
  • Set width to 90vw with max of 320px for better phone support
  • Reduced QR code size to 220px
• Fixed close button overlap: Added RTL-aware padding to prevent the modal close button from overlapping the title

Screenshots

Add before/after screenshots if needed

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

• 🔍 Trigger a full review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}