add general styles 23

[sar-mko]

Description

• Imported Tailwind.CSS
• Imported DaisyUI
• Imported Archivo Narrow font
• Added Lemonade and Coffee as themes in the tailwind.config file
• Added font-archivo in home.jsx as a preview

Related Issue

closes #42 (#23)

Acceptance Criteria

• Colors and fonts are established and are consistent across pages
• There is a dark mode toggle that a user can activate to change the display of our app

Type of Changes

enhancement

Updates

After

Testing Steps / QA Criteria

• install new packages with npm i / npm install
• Should be able to add Archivo font as font-archivo as a class for specific elements as see the font difference. Right now it is only in Home.jsx added as a class on the ul for the list of lists.
• Should see a lemon yellow background on all pages

[github-actions]

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

https://tcl-76-smart-shopping-list--pr49-sm-add-general-style-k5c0hxe8.web.app

_{(expires Wed, 09 Oct 2024 16:34:58 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 512b1a88be8ae05fd3e727b99332819df760271d}

[arandel1]

Nice!!
small blocker: Needed to run npm i to get app to load on localhost. Need to make sure all dependencies are available.
nit-pick/non-blocking: Buttons and headings aren't styled. Curious what we think about merging this branch as it is, or if we should get buttons and headers styled before merging.

[mentalcaries]

Nice!! small blocker: Needed to run npm i to get app to load on localhost. Need to make sure all dependencies are available. nit-pick/non-blocking: Buttons and headings aren't styled. Curious what we think about merging this branch as it is, or if we should get buttons and headers styled before merging.

Definitely a nice start. Do you have some general/global styles for those headings and buttons? If so I think you can set and merge those in, and then dial them in as you start going through the components

[EmmaBin]

I can see the color and font changes. I agree with the idea of implementing a global style for the heading font and button styles to have a consistency across all pages.