feat: Shopping list UI overhaul - add wakelock

[Wetzel402]

What type of PR is this?

• feature

What this PR does / why we need it:

• Add keep screen awake

Which issue(s) this PR fixes:

#4077

Testing

Tested in dev container

[Kuchenpirat]

Thanks for spliting all this up. Makes it super easy to review 😊👍
Since this is all the same code as on the recipe page, could you create a component that includes the switch as well as the functionality and just throw this component on both pages?
Decreases duplicate code and makes the code of those pages a bit less convoluted.

[Wetzel402]

Thanks for spliting all this up. Makes it super easy to review 😊👍 Since this is all the same code as on the recipe page, could you create a component that includes the switch as well as the functionality and just throw this component on both pages? Decreases duplicate code and makes the code of those pages a bit less convoluted

That makes sense. It might take me a bit to figure that out since I'm new to vue.

[Kuchenpirat]

No worries. If you want to tackle this for fun all good and take your time, but if this is just work for you i am happy to throw this together in 5 minutes and add this to this PR.

[Wetzel402]

No worries. If you want to tackle this for fun all good and take your time, but if this is just work for you i am happy to throw this together in 5 minutes and add this to this PR.

Maybe I'm a masochist but I enjoy putting myself through learning new ways to code...haha

I've pushed the changes for your review.

[michael-genson]

Check the files changed tab on GH; a few linter warnings got raised. I also added a few comments