Now update the seat component to show a person avatar by default and the number when revealed:

I've fixed both issues. The seats now have a min-w-8 (32px) on mobile and min-w-12 (48px) on desktop so columns 3 and 7 no longer shrink -- the grid will scroll horizontally if the screen is too narrow rather than compressing seats. Each seat also now shows a person silhouette icon by default, and when tapped, it flips with a nice spring animation to reveal the seat number.

This is almost certainly a Vercel Deployment Protection issue, not a code problem. By default, Vercel enables authentication on deployments so only members of your Vercel team can access them. Users outside your team hit a "page unavailable" or login wall.

Here is how to fix it:

1. Go to your project on vercel.com
2. Open Settings → Deployment Protection
3. Set Vercel Authentication to Off (or set it to "Only Preview Deployments" if you want production public but previews protected)
4. Save and redeploy

That is why it worked for you (you were logged into Vercel) and for the user who tried the new domain after you had touched the settings — but others without a Vercel account were blocked.

The fact that it worked on your phone from cache also confirms this: the page loaded fine once when you were authenticated, and the browser cached it. New visitors with no cache hit the protection wall immediately.