Have default bucket list items disappear when user adds their own first bucket item

[djbowen95]

The default bucket items are currently just items that I added to test the application. I would like, for a useable version of this application, for them to:

• Instruct the user how to use the application
• Show suggestions of what a bucket item might look like
• Disappear when the user adds the first bucket list item of their own

Potential text:

• Welcome to Bucket
• Add an item to the list to get started
• You can set the eagerness level to low, medium or high
• These items will disappear when you add your first item

A potential way to do this / delete items is:

• Set a state object with a true / false value (isFirst?)
• Have this object checked when users submit the form, delete everything/set bucket to an empty array if true and then set to false
• Set the bucket to empty before adding the first user value
• Maybe a useEffect that resets when the bucket list appears at zero (isEmpty?)

This is a fairly big feature to be honest!