feat: Improve Shopping List UI

[miah120]

What type of PR is this?

• feature

What this PR does / why we need it:

• Focus is moved to the notes input when adding or editing an item in the shopping list
• Edit/add item card actions (e.g., cancel, save, toggle food, etc) moved to inside card
• Remove delete button from add item workflow (its identical to cancel, so it just clutters UI)
• Move "delete checked items" button to the checked items section
• Tweaks to padding to improve logical grouping
• Remove nesting from the three dot menu

Before/After:

Which issue(s) this PR fixes:

None

Testing

Tested in docker container

[Kuchenpirat]

Depends on #4415

[github-actions]

This PR is stale because it has been open 45 days with no activity.

[Kuchenpirat]

Not stale depends on #4415

[Kuchenpirat]

It took a long time but #4415 is finally in 😊
This will include already include some changes proposed here.