Add sharing layouts to all household charts

[nikhilwoodruff]

🤖 Generated by Copilot at f5a246b

Summary

📱📸📊

This pull request enhances the responsiveness and screenshot functionality of several components that display charts on the household output page. It uses a custom Screenshottable component and a useMobile hook to adapt the charts to different screen sizes and enable users to capture and share them. It also adds a title option to the Screenshottable component and a feature to show the change in marginal tax rate by employment income on the MarginalTaxRates component.

Sing, O Muse, of the skillful coder who devised
A wondrous tool to capture and display the charts
That show the income and the tax of mortal households
Under the shifting scenarios of policy reforms.

Walkthrough

• Add title prop to Screenshottable component and render it as a heading element in the screenshot container (link, link)
• Wrap Plot components with Screenshottable component and pass appropriate title props for each chart (link, link, link, link, link, link, link, link, link, link)
• Use useMobile hook to determine device type and adjust chart logo positioning accordingly (link, link, link, link, link, link, link, link, link, link, link)
• Remove top margin of charts by adding margin object to layout prop of Plot component (link, link)

cc @MaxGhenis

e.g. like the below