Feat(budget): Editor Improvements

[chrismclarke]

Description

Editor improvements to address a number of the feedback issues identified in #51

New Features

• Add new editor to improve budget creation process (particularly on mobile)

Bug fixes and improvements

• Review and update translations
• Produce consumed now only provides list generated from recorded outputs

Next Priorities

• Add overall summary to budget screen and saved budgets list screen
• Add ability to add months to budget
• Add budget tools sidebar

Discussion

Feedback discussion points if relevant (should also tag as Feedback Discussion)

Preview

Link to app preview if relevant
https://picsa.app

Screenshots / Videos

Before
Horizontal sections with hard-to-find input values and period info across tabbed sections

Vertical layout used on small screens but not all info would fit and hard to find Next button

---

After
Vertical sections with inline editing for values and full period info on a single screen

More consistent small-screen layout, with clear Next button

[github-actions]

Visit the preview URL for this PR (updated for commit f5634e2):

https://picsa-extension-toolkit--pr116-feat-budget-tool-ui-52ba40lv.web.app

_{(expires Sun, 23 Apr 2023 19:01:39 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 2435c4a5f2b9750fe5c819a7a14bcf9433816983}