add toggle checkbox functionality

Description

This PR adds a toggleCheckbox function to listItem.jsx so that when you uncheck a checkbox it visually becomes unchecked and there is no update to the database. Then when you check it, it visually becomes checked and the database updates as though it was purchased.

Related Issue

closes #26

Acceptance Criteria

[x] when checking a checkbox, visually you can see it becomes checked off and it updates the db
[x] when clicking an already checked checkbox (or unchecking it), visually you can see it is unchecked and it does not update the db

Type of Changes

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

After

Testing Steps / QA Criteria

use the gh preview to click and unclick an item in a list
this passes ac when you can visually see it toggle between being checked off or unchecked off as you click.
and when the db reflects changes only when you are checking an item off but not unchecking it.

Questions:

Currently this remains checked for 24 hours from purchase. Do we want to update the check to remain until the next expected purchase date? This would be easy to implement.

the-collab-lab / tcl-65-smart-shopping-list

add toggle checkbox functionality #37