## Summary
Fixes the usage page cost-over-time chart so the final date label stays inside the SVG bounds instead of being clipped at the right edge.
The chart previously centered the last x-axis date on the plot boundary while reserving only an 8px right gutter, which was not enough for month-day labels such as `Jun 18`. The chart now has a named right-side x-label gutter and subtracts that gutter from the plot width, preserving the overall SVG size while moving the last tick inward.
The regression coverage mounts the usage chart at the wide layout that exposed the clipping and checks that the rightmost label fits inside the viewBox. Reviewers should look at `CostTimeSeriesChart.svelte` for the layout change and `CostTimeSeriesChart.test.ts` for the focused coverage.
This also adds the product context and live-mode config files required by the frontend design workflow used for the fix.
Co-authored-by: Phillip Cloud <cpcloud@users.noreply.github.com>
Phillip Cloud
16ff02932f