[Bug] Focus ring clipped on channel intro action cards (Create agent / Add people)

[nickbrit]

Describe the bug
The action cards in the empty-channel intro (e.g. "Create agent", "Add
people") sit inside a container with overflow-x-auto and no padding
(ChannelIntroBlock.tsx). Setting overflow-x without overflow-y makes the
browser compute overflow-y: auto too, so the container clips anything
painted outside its padding box — including the focus-visible:ring-2 box
shadow on the buttons. The result: when you Tab to a card, its focus ring is
cut off on the left/top/bottom instead of drawn cleanly around it.

To Reproduce:

1. Open a channel with no messages yet (e.g. #general right after creating
   a community).
2. Tab through the page until focus lands on the "Create agent" card.
3. Observe the focus ring is clipped on the edges instead of a full outline.

Expected behavior:
The focus ring should render fully around the card, not be clipped by the
scroll container.

Supporting Material
Screenshot attached.

Environment:

• Desktop app (Tauri)

Additional context
Likely fix: add padding to the scroll container to give the ring room, with
a matching negative margin to cancel the layout shift (e.g.
-mx-1 p-1 instead of pb-1).