Improve home view

[jtkabenni]

For an example of how to fill this template out, see this Pull Request.

Description

• - Make it clear that use can select existing list OR create new list
• - Remove User ID from list names
• - Dropdown for finding a list to select
• - List name displays somewhere on screen after selected
• - Remove: Hello from the home (/) page!
• - Remove: Signed in as user_name (Sign Out)
• - Update to Welcome, user_name
• - Add header to form, or some kind of description to make it more clear that this is to create a new list.
• - Update button copy to be more descriptive
• - Fix for this bug: https://github.com/orgs/the-collab-lab/projects/200/views/1?pane=issue&itemId=56874949

Related Issue

#51
#50

Acceptance Criteria

Type of Changes

Feature update and bug fix

Updates

Before

After

Testing Steps / QA Criteria

Creating a new list

1. Create a new list, select create list.
2. Should redirect to list page in 1 second

Selecting a list

1. Select an existing list from the dropdown
2. Select list name in h2 should change to the selected list
3. Clicking 'view list' should bring you to list page
4. After going back home, list should still be selected

[bdanzer]

In terms of some style enhancements I would also suggest making the buttons, select and inputs have some more padding. Also some spacing away from those elements would be nice too.

[jtkabenni]

In terms of some style enhancements I would also suggest making the buttons, select and inputs have some more padding. Also some spacing away from those elements would be nice too.

Thanks @bdanzer , we were going to do most of the styling in the following week but can probably get started now.

[github-actions]

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

https://tcl-67-smart-shopping-list--pr65-feature-ab-jt-improv-cafcgpqr.web.app

_{(expires Fri, 29 Mar 2024 04:08:05 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 1dc6f6876568bd8a1c97781eec7984835c207f7c}

[bdanzer]

In terms of some style enhancements I would also suggest making the buttons, select and inputs have some more padding. Also some spacing away from those elements would be nice too.

Thanks @bdanzer , we were going to do most of the styling in the following week but can probably get started now.

No worries on addressing it now, figured I'd mention it. Went ahead and approved!