Bug Description

Selected repository tags overflow and break the layout when repository names are long or when multiple repositories are selected. This leads to poor UI readability and inconsistent alignment in the repository filter section.

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to Settings → Filter by repositories
2. Enable repository filtering
3. Select multiple repositories (especially with long names like HammerAuctionHouse-WebUI or hsf.github.io)
4. Observe the selected repository tags section

Expected Behavior

• Repository tags should wrap properly within the container
• Long repository names should be truncated with ellipsis (...)
• UI should remain clean and consistent regardless of number or length of repositories
• Container should handle overflow gracefully (e.g., scrolling if needed)

Actual Behavior

• Tags stretch beyond container width
• Long repository names overflow and distort layout
• UI becomes cluttered and hard to read
• No proper handling of multiple selections

Screenshots

I selected 10 repos but i am able to see only 5 to 6 repos .

Additional Context

• The issue occurs due to lack of width constraints and text truncation on repository tags
• Current implementation relies on flex-wrap but does not handle long text or container overflow
• Fix would involve adding max-width, truncation, and scroll handling for the container

Contribution Checklist

• I have searched existing issues to ensure this bug hasn't been reported
• I have provided clear reproduction steps
• I have included relevant environment details
• I have described both expected and actual behavior