Basic conditional styling for logged out users

[andiedoescode]

Description

• Added conditional styling to Home (hid new list form), List, and Manage List pages when a user is logged out. Improves user experience.
• Adjusted ListHeader padding for small screens

Related Issue

N/A

Acceptance Criteria

N/A

Type of Changes

enhancement

Updates

Before

Home view

List & Manage List view

ListHeader padding

After

Home view

List view

Manage List view

ListHeader padding

Testing Steps / QA Criteria

• Open deployment link or pull branch ap-logged-out.
• Confirm that you are signed out.
• Clear local storage to ensure there is no list path.
• Navigate to the Home, List, and ManageList pages and verify that they look like the screenshots.
• Navigate to List or ManageList page and sign in.
• Verify that the header looks like the screenshot.
• To double check that the conditional logic still works:
  • Navigate to Home page and select a list.
  • Verify that the List page looks as it did before with all components rendered.

[github-actions]

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

https://tcl-68-smart-shopping-list--pr66-ap-logged-out-ktvmy4n9.web.app

_{(expires Tue, 16 Apr 2024 16:59:10 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 8cb5d089a99ba9972009993f4dd31796b0cbda84}

[sdmisra]

This looks great! I'll follow this style overall to complete the issue @andiedoescode and I spoke about this morning (4/9) : the about section with links to our devs, mentors, and TCL.