Mp sm create new shopping list

[sar-mko]

Description

• Changed Home.jsx to display a form for users to add new lists. Lists get saved to local storage, and then users get redirected to the list page.
• In firebase.js added a return to the createList function, in order to pass the list path into the setListPath hook. In Home.jsx setListPath function takes path and saves it to database and local storage.
• Got great practice working with local storage, and working our way back to find where the path was and debugging to then add the return in firebase.js
• Layout.jsx - fixed a duplicate import

Related Issue

• Closes Issue 4. As a user, I want to set up a new shopping list so I can start tracking purchased items. #4

Acceptance Criteria

UI-related tasks:

• The Home view displays a form that allows users to enter the name of a shopping list and then create a list with that name.
• The input that accepts the name of the item has a semantic label element associated with it
• The user can submit this form with both the mouse and the Enter key
• When the user submits the form, they see a message indicating that the list either was or was not created and saved to the database.

Data-related tasks:

• Clicking the button uses the createList function in src/api/firebase.js to create a new shopping list for the user.
• The shopping list path is stored in local storage using the setListPath function.
• Once the list has been created and saved, the user is redirected to the List view.

Type of Changes

• Bug fix
• New feature

Updates

• Added a return to the createList function in firebase.js in order to pass it into the setListPath hook.
• Fixed a bug from Issue 3. As a user, I want to be able to navigate to all the pages in the application by clicking the links in the nav bar #3 that wasn't merged yet. Removed duplicate Navlink import.

Testing Steps / QA Criteria

• Log in, add a list name into form, click submit/press Enter
• Should add to local storage, and will redirect to the List page
• Testing Error: In Home.jsx at the handleSubmit function, Add "throw new Error" to check error message

[github-actions]

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

https://tcl-76-smart-shopping-list--pr22-mp-sm-create-new-sho-2lg5igqc.web.app

_{(expires Sun, 01 Sep 2024 17:32:45 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 512b1a88be8ae05fd3e727b99332819df760271d}

[mindyzwan]

Looks good! One non-blocking nitpick, but merge away!