Ar add item to list issue 20

[arandel1]

Description

• User can now add an item directly from the list page instead of navigating to the Manage List page.
• When a user clicks "Add Item" button, the user is navigated to the pre-existing Manage List component (/manage-list url)
• After a user is taken to the Add Item component and submits a new item, if the item is successfully added, the user is navigated back to /list.

Related Issue

closes 20

Acceptance Criteria

• User is given an option to add an item directly from their list.
• User can input the name of an item
• User can select when they will need that item again from a dropdown menu of Soon, Kind of Soon, Not soon
• When a user clicks Submit, the item is added to their list.

Type of Changes

enhancement

Updates

Before

• No add item button

After

• Add Item button

Testing Steps / QA Criteria

• Pull from branch: ar-add-item-to-list-issue-20
• Sign in and select a list
• Navigate to List page
• Click Add Item button
• You will be taken to /manage-list (see url change)
• Add an item, click Submit
• If your item was successfully added, you will be taken back to List page. If your item is not successfully added, you will stay on the Manage List page.

[github-actions]

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

https://tcl-76-smart-shopping-list--pr39-ar-add-item-to-list-2sh1gfq2.web.app

_{(expires Tue, 01 Oct 2024 17:03:26 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 512b1a88be8ae05fd3e727b99332819df760271d}

[sar-mko]

Works great! Nice job.

[EmmaBin]

It works very well!

[MarcosPerez16]

Testing went well and everything is working accordingly.