Polish the project selector and standardize icon containers

[kiranfin]

User Story

As a user, I want project selection and icon treatments to be visually consistent, so that navigation feels deliberate across the application.

Context & Motivation

“Managed by …” has weak visual hierarchy in the project-selection modal, and icon-container styling (background, radius, border) is duplicated with different values across the app instead of coming from one shared component.

Acceptance Criteria

• Project name, description and manager information have a clear hierarchy.
• “Managed by …” uses a consistent avatar/name presentation.
• A shared icon-container component/variant is introduced and reused across the app.
• Light and dark themes are covered.

Technical Notes

Prefer extending the shared UI/token system instead of fixing each icon locally.

Confirmed: ProjectSwitcherModal.tsx renders the "Managed by …" label as a text-[10px] pill, much smaller than the project name. No shared icon-container component exists anywhere in the codebase — icon container styling (size, radius, background, border) is hand-rolled independently in at least ProjectSwitcherModal.tsx, AccessConnectorGroup.tsx, AccessAddMenu.tsx, ProjectAccessPanel.tsx and ProjectsTab.tsx, each with slightly different values.

Note: the project-search icon itself is already correctly aligned via the shared Input component (Input.tsx, fieldStyles.ts), which pairs the icon offset with matching input padding per size — no misalignment found there, so that item has been dropped from this issue.