[UX] - Staggered hover feels abrupt on landing page

[adithyaakrishna]

Summary

On the landing hero, the service integration icons (Slack, Gmail, etc.) use a per-icon hover state: the border/shadow box appears and disappears on each icon as the cursor moves, so the highlight jumps between icons and feels abrupt.

Expected behavior

A single highlight (pill) that moves smoothly to the active icon on hover and during the auto-hover cycle, so the transition feels continuous and fluid.

Scope

• apps/sim/app/(landing)/components/hero/hero.tsx
• Icon row and pill behavior only - apps/sim/app/(landing)/components/hero/components/icon-button.tsx