Feat: Delete lists

[Wyna-7]

Description

Users can now delete lists from the home page. They are only allowed to delete lists they have created themselves, the button is disabled for lists that have been shared with the logged user.
Deleting a list removes the corresponding document in the user's collecton, and the reference to it in the sharedLists field array.

Related Issue

Closes #36

Acceptance Criteria

• The delete button is active for user created lists, and inactive for shared ones.
• When clicked, the delete button immediately removes the list from Your Lists.
• After a list is deleted, it disappears from the user collection and from the sharedLists field array.

Type of Changes

feat

Updates

Before

Pretty much the same.

After

Disabled button is now grey.

No list selected

Testing Steps / QA Criteria

• Do a git pull and then git checkout qg-feat-delete-list
• Run npm start to open GrocerEase
• Create a few test lists, then click their delete buttons to delete them.
• After deletion, the lists should be gone from both your user collection and your sharedLists array.
• If you delete the list that you had selected, navigating to the Lists page should show the no list selected text.

[github-actions]

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

https://tcl-79-smart-shopping-list--pr53-qg-feat-delete-list-n4wzcj53.web.app

_{(expires Sat, 19 Oct 2024 18:39:13 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: d91d9ddbda780208241c52942f544acf8e81407a}

[joriordan332]

This is a brilliant feature! Well done

[Hudamabkhoot]

Well done @Wyna-7 really that was a tough one! 🙌 just one thing i think adding an alert dialog to check with the user before deleting a list would be good.

[marshjaja]

Well done @Wyna-7!🤾🏾‍♀️ Yeah I agree with Huda, to add a prompt if the user is really sure they want to delete that list

[Hudamabkhoot]

Great work 👏 just one thing make sure the delete dialog color scheme match the list page one before merging.