[MF] Refactoring for readability and maintenance

[krsnamara]

Description

This code extracts most of the logic from List.jsx that handles sorting of the list items by urgency and alphabetically. It creates new files to handle this abstraction. There is a new utils file that will hold some of the sorting and filtering functions. These functions are then imported into the List.jsx and a new SortedDataMap component. Once these functions have run the SortedDataMap will render the sorted list items onto the current /list page.

In addition the inputs in the add item dialog have been removed from List.jsx and pasted into the new AddItem component with the handleInput change functionality to update the form state values.

The goal was to trim the size of the file and better organize for maintainability.

Related Issue

closes #72
subissue #14

Acceptance Criteria

• Create utils file that handles sorted logic
• Create component for entering new Item
• Separate the sorting data jsx into its own component
• Use the sortedData utils file to effectively filtered data and sort into urgency arrays

Type of Changes

Use one or more labels to help your team understand the nature of the change(s) you’re proposing. E.g., bug fix or enhancement are common ones.

Updates

Does not update the UI

Testing Steps / QA Criteria

Upon login the app should function in the same way prior to refactor. Try adding an item and verifying that item is sorted correctly.

[hsiangj]

A lot of heavy lifting in this one! Left a comment in sortedData.js.

[github-actions]

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

https://tcl-69-smart-shopping-list--pr73-mf-refactor-v2-f8os23pr.web.app

_{(expires Tue, 09 Apr 2024 00:20:00 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 93172cc46147b7d365c2b1b8239b61e2efb07a80}

[hsiangj]

New sort looks great, thanks Marty!

[mxmason]

Good stuff! Some optional comments about renaming some stuff.