Styling fixes and standardization

[andiedoescode]

Description

Fixed styling and implemented consistent styling.

Related Issue

Closes #64

Acceptance Criteria

• Check and standardize across views and components as needed:
  • Page margins
  • Text color
  • Form input height, background color, font size
  • Button radius
• Fix home page styling
  • Space next to logout
  • New list input location
  • Side margins

Type of Changes

style and fix

Updates

Before

Home view

List view

After

Home view

List view

Testing Steps / QA Criteria

• Open deployment link or pull branch ap-styling-fix-and-standardization
• Ensure that Home and List views match screenshots for styling.

[github-actions]

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

https://tcl-68-smart-shopping-list--pr65-ap-styling-fix-and-s-jn7z3bja.web.app

_{(expires Sun, 14 Apr 2024 03:57:02 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 8cb5d089a99ba9972009993f4dd31796b0cbda84}

[DevinaG007]

Love it!! It looks so fresh, so clean ❤️ Thanks Andrea

[sdmisra]

Praise: Thank you immensely for making these changes so last minute, you really addressed some huge issues that we were about to run into in the morning, especially with some of that text defaulting to white on our light background!

[cafloyd]

Nice job, @andiedoescode ! This kind of attention to detail makes such a huge difference, thanks for taking the initiative!

[etiry]

Thank you for doing this!!