Update font style and color

[drakenguyen4000]

Description

Updates the font style and color to make app looking for polished and professional.

Related Issue

#35

Acceptance Criteria

• Font family needs be changed.
• Font color needs update.
• Extra: Change color of legend icon to skyblue.
• Fix Bug: Ensure that when there is no list present, the user cannot navigate to Add Item page.
• Change the legend to Kinda Soon and Not Soon to match labels.

Type of Changes

	Type
✓	🐛 Bug fix
✓	✨ New feature
	🔨 Refactoring
	💯 Add tests
	🔗 Update dependencies
	📜 Docs

Updates

Before

After

Testing Steps / QA Criteria

[github-actions]

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

https://tcl-56-smart-shopping-li-ffe7d--pr36-dn-stylize-fonts-xcihl1hk.web.app

_{(expires Wed, 31 May 2023 14:57:26 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 9c51cec5927ae3f1253a2134be95c1a07393f9a7}

[yiremorlans]

I noticed this PR has similar changes to the other PR. I think the colors pass but I would like the font style to be addressed. I approve all the other changes.

[drakenguyen4000]

I made the changes to make the fonts more web accessible to this pull request.