feat(usage overview): Introduce new table

[isabellaenriquez]

Split out from #103983

Pt 6 of https://linear.app/getsentry/issue/BIL-1817/update-usage-overview-table-with-new-designs

Introduces the new table designs. Final PR will actually "GA" everything and remove the dead code.

[codecov]

❌ 1 Tests Failed:

Tests completed	Failed	Passed	Skipped
12757	1	12756	10

View the top 3 failed test(s) by shortest run time

UsageOverview renders columns for non-billing users

Stack Traces | 0.109s run time

Error: expect(received).toHaveLength(expected)

Expected length: 3
Received length: 6
Received array:  [<th><span class="css-1kc4ptp-Text e1cz2wip0">Feature</span></th>, <th><span class="css-1kc4ptp-Text e1cz2wip0">Usage</span></th>, <th><span class="css-1orknf9-Text-rc e1cz2wip0">Additional spend</span></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">Errors</div></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">Quantity</div></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">% of Errors</div></th>]
    at Object.toHaveLength (.../usageOverview/components/table.spec.tsx:62:49)

UsageOverview does not render spend columns for non-self-serve without PAYG support

Stack Traces | 0.113s run time

Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 5
Received array:  [<th><span class="css-1kc4ptp-Text e1cz2wip0">Feature</span></th>, <th><span class="css-1kc4ptp-Text e1cz2wip0">Usage</span></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">Errors</div></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">Quantity</div></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">% of Errors</div></th>]
    at Object.toHaveLength (.../usageOverview/components/table.spec.tsx:117:49)

UsageOverview renders columns for non-self-serve with PAYG support

Stack Traces | 0.122s run time

Error: expect(received).toHaveLength(expected)

Expected length: 3
Received length: 6
Received array:  [<th><span class="css-1kc4ptp-Text e1cz2wip0">Feature</span></th>, <th><span class="css-1kc4ptp-Text e1cz2wip0">Usage</span></th>, <th><span class="css-1orknf9-Text-rc e1cz2wip0">Additional spend</span></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">Errors</div></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">Quantity</div></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">% of Errors</div></th>]
    at Object.toHaveLength (.../usageOverview/components/table.spec.tsx:91:49)

UsageOverview renders columns and buttons for billing users

Stack Traces | 0.218s run time

Error: expect(received).toHaveLength(expected)

Expected length: 3
Received length: 6
Received array:  [<th><span class="css-1kc4ptp-Text e1cz2wip0">Feature</span></th>, <th><span class="css-1kc4ptp-Text e1cz2wip0">Usage</span></th>, <th><span class="css-1orknf9-Text-rc e1cz2wip0">Additional spend</span></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">Errors</div></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">Quantity</div></th>, <th><div class="css-1r3o8wo-TextOverflow-overflowEllipsis e1lyrgnz0">% of Errors</div></th>]
    at Object.toHaveLength (.../usageOverview/components/table.spec.tsx:39:49)
    at runNextTicks (node:internal/process/task_queues:65:5)
    at processTimers (node:internal/timers:520:9)

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}

[cursor]

Bug: getBucket may throw for add-on data categories

The getBucket function is called with planCategories[billedCategory] for all products including add-ons, but planCategories is typed as Partial<Record<DataCategory, EventBucket[]>> and may not contain entries for add-on data categories like seerAutofix or seerScanner. When the category doesn't exist, getBucket throws "Invalid data category for plan". This is inconsistent with how getBilledCategory in billing.tsx uses optional chaining when accessing planCategories, acknowledging entries may be missing. For add-ons, recurringReservedSpend would be set to 0 via isChildProduct ? 0 : ... anyway for child products, but parent add-on rows would still trigger the error.