Issue #11 | added delete functionality

[patty-rose]

Description

This PR adds delete functionality to list items in a list. We used firebase deleteDoc() to delete on the backend, and we also incorporated a confirm dialog box to handle confirming that the user wants to delete.

Related Issue

closes #11

Acceptance Criteria

• [x] The ListItem component renders a button that allows the user to delete an item from their list when clicked
• [x] Clicking the delete button prompts the user to confirm that they really want to delete the item
• [x] The deleteItem function in api/firebase.js has been filled out, and deletes the item from the Firestore database

Type of Changes

	Type
	:bug: Bug fix
✓	:sparkles: New feature
	:hammer: Refactoring
	:100: Add tests
	:link: Update dependencies
	:scroll: Docs

Before

After

https://github.com/the-collab-lab/tcl-65-smart-shopping-list/assets/101524326/2e5231cb-fe7f-4b0c-8038-6748ca18d1e7

Testing Steps / QA Criteria

• Use the GitHub preview to open a list with some items in it.
• Open your Firebase console and find one of those list items in the database display.
• Click the delete button on that list item.
• You will see a confirm box pop up asking you to confirm deleting the item, click OK.
• Acceptance criteria is met if the list item is removed from the database, which you will see happen in the Firebase console and on the List page as well.

[github-actions[bot]]

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

https://tcl-65-smart-shopping-list--pr29-sb-po-add-delete-fun-za9onqob.web.app

_{(expires Tue, 03 Oct 2023 02:06:19 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: a91b8fb0f37677e20d8afa3e8ea496251536f9b8}

[patty-rose]

@isaiahasanchez Thanks! Those are great ideas. I added basic error handling that console logs an error. And I'll make an issue card for your JS dialog box concern. :)