Display prompts to direct user flow on sign in

[tataw-cl]

Description

Display conditional prompts directing the user what next steps to take when on the 'List' and 'Home' pages. If the user has no lists created, they're prompted to create one on the 'Home' page, then on the 'List' page, there are prompting texts and links to direct the user if they don't have a list yet, or if they haven't added any items to their created shopping lists.
We choose this approach si9nce it was the most intuitive in closing our issue and used conditionals in the 'list' and 'home' pages added to text prompts

Related Issue

closes #8

Acceptance Criteria

• The list view, when there are no items to display, should show a prompt (e.g., a button) for the user to add their first item
• The home view, when there are no lists to display, should show a prompt (e.g., a button) for the user to add their first shopping list

Type of Changes

enhancement

Updates

Before

After

Testing Steps / QA Criteria

• switch to the branch el-tc-empty-list-prompt by doing git pull el-tc-empty-list-prompt in your terminal on the main branch
• then type git checkout el-tc-empty-list-prompt
• then run npm start
• navigate to the Home page and List page with an email account which has no lists created to see changes

[github-actions]

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

https://tcl-78-smart-shopping-list--pr24-el-tc-empty-list-pro-jnoemgim.web.app

_{(expires Sun, 15 Sep 2024 11:53:35 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c781903507c1507075d7a974036959ddeec29c0a}

[didemydn]

thanks, guys! It seems working well but I have a question
this is my home page

There is no list on my home page, and your issue works well, but when I go to the list page, I see the items and cannot navigate the manage list. Also, I deleted all my lists from the Firebase store. why do I see the search items in my list view?

[GrannyYetta]

Hi Eva and Tataw,

thank you for the PR.

I am not getting the prompt in my home view:

I am also not getting a prompt in my List view:

Could this be specific to my browser?

[tataw-cl]

Thanks for the comments guys, I believe Eva has fixed the issue more. And as for @GrannyYetta, I think the issue should be your browser I guess, cause it works well overall on our side

[Amaka202]

Weldone guys! your feature works well!✅💥