Rt buttons

[GrannyYetta]

	Type
✓	Enhancement
✓	Buttons are consistently styled
✓	Forms are consistently styled

Description

A total of five different kinds of buttons in the app were consistently styled to cue the user of their use and execution of their funciton.

Related Issue

Closes #55

Acceptance Criteria

• "Delete" buttons should look like a little trash can
• Create buttons should be visually more impactful
• "Add" button should have a visual cue to signal the adding of an item or a list
• The "clear" button in the search form should be an icon rather than an "x"

Type of Changes

enhancement and bug fix

Updates

Before

After

Testing Steps / QA Criteria

1. npm start
2. Sign out
3. Sign in
4. Navigate to Home, List and Settings

[github-actions]

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

https://tcl-78-smart-shopping-list--pr56-rt-buttons-ozxclfw5.web.app

_{(expires Sun, 13 Oct 2024 18:11:24 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c781903507c1507075d7a974036959ddeec29c0a}

[vivitt]

Nice job @GrannyYetta ⚡️ The app is looking great, and the icons and buttons are consistent.

Just pointing out a small issue I found that can be addressed in this or a future PR. When you are on the homepage and have many lists, if you want to create a new list, the footer covers the 'Create List' button:

Screen.Recording.2024-10-07.at.21.29.15.mov