Improve Sources display: show connected page details instead of repeated globe icons

[KrabsWong]

In the Pinned Summary panel, the Sources section currently shows connected sources as a row of identical globe icons. From the screenshot, it is difficult to understand what each source represents because every item looks the same and there is no visible context.

This creates a few UX issues:

• Users cannot quickly tell which pages or sources are connected.
• Multiple identical icons make the section look noisy without providing useful information.
• It is hard to identify stale, duplicate, or unexpected connections.
• The interface shows that “something” is connected, but not “what” is connected.

A clearer approach would be to display each connected source as a compact list item instead of only showing icons. For example, each source could include:

• Favicon
• Page title
• URL or domain

Such as

[ favicon ] ChatGPT - Codex Environment
            chatgpt.com/...

[ favicon ] GitHub Repository
            github.com/org/repo

This would make the Sources section much more scannable and useful, especially when several sources are connected at the same time. The globe icon could still be used as a fallback when no favicon is available, but the main display should expose enough information for users to understand each connection at a glance.