Add new box types to the bento library

[dcondrey]

The Overview board is a library of "boxes", each in its own file under apps/dashboard/src/components/boxes/ exporting a TileDef. Adding a box is intentionally a one-file change plus one line in boxes/index.ts.

Great candidates for new boxes:

• Bounce-rate over time (line/area)
• New vs returning visitors (stacked)
• Top entry / exit pages
• Browser / OS breakdown
• Hourly heatmap (day-of-week × hour)
• Scroll-depth or time-on-page distribution

How to add one:

1. Copy an existing box (e.g. PagesBox.tsx for a list, EventsBox.tsx for a KPI).
2. Implement render(ctx, expanded) using the shared TileContext; add an optional table(ctx) for the "view as table" toggle.
3. Register it in boxes/index.ts.

Data plumbing lives in the TileContext (see boxes/types.ts). Reuse ListBody/rowsTable from boxes/shared.tsx where it fits. Pick any one box and open a PR — each is self-contained.

[Awanthiy]

Hi! I’d like to work on the Browser / OS breakdown box. Is this issue still available?

[dcondrey]

@Awanthiy Feel free

[dcondrey]

Progress update (main @ be78f6c): the box library has grown from the original set to 21 boxes. From the candidate list above, Browser / OS breakdown shipped (BrowsersBox, OsBox), plus several not originally listed: Screens, Languages, Regions, Networks, Connection, Revenue, and Attribution boxes — and every box now supports the table(ctx) "view as table" toggle.

Still great first-PR candidates (unclaimed):

• Bounce-rate over time (line/area) — EngagementBox shows the rate, not a trend
• New vs returning visitors (stacked)
• Top entry / exit pages
• Hourly heatmap (day-of-week × hour)
• Scroll-depth / time-on-page distribution

Keeping this open as an on-ramp — pick one and open a PR.

[Awanthiy]

Hi @dcondrey, since Browser / OS is already shipped, I'd like to take on the Top entry / exit pages box!

[dcondrey]

Open the PR and I'll review. Thanks.