Adding mark item as purchased

[jtkabenni]

For an example of how to fill this template out, see this Pull Request.

Description

Adding 'mark item as purchased' functionality.

• Created checkbox input for list items to mark item as purchased.
• Created firebase function to update item's dateLastPurchased and totalPurchases fields when item is purchased.
• If item was purchased in last 24 hours, item displays as already checked off.
• Passed down listpath from list to item component so firebase function can access it.

Related Issue

closes #9

Acceptance Criteria

• [ ] The ListItem component renders a checkbox with a semantic label.
• [ ] Checking off the item in the UI also updates the dateLastPurchased and totalPurchases properties on the corresponding Firestore document
• [ ] The item is shown as checked for 24 hours after the purchase is made (i.e. we assume the user does not need to buy the item again for at least 1 day). After 24 hours, the item unchecks itself so the user can buy it again.
• [ ] The updateItem function in firebase.js has been filled out, and sends updates to the firestore database when an item is checked

Type of Changes

Feature update.

Updates

Before

After

Testing Steps / QA Criteria

1. Select a list and go to the list view to view items.
2. Check off items to mark them as purchased.
3. Refresh - items purchased in the past 24 hours should still be checked off.

[github-actions[bot]]

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

https://tcl-67-smart-shopping-list--pr38-jt-rb-mark-item-purc-cipem0uf.web.app

_{(expires Fri, 08 Mar 2024 20:29:09 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 1dc6f6876568bd8a1c97781eec7984835c207f7c}