Issue #14.3: Create <IconButton> Component

[dterceroparker]

Description

This PR addresses the creation of an IconButton component as outlined in the tlined in the wireframe. The component includes a button that contains an icon and a label text. We imported fontAwesome into project (please reference index.html file).

Related Issue

Closes #34

Acceptance Criteria

• <IconButton> renders a real element.
• <IconButton> accepts props that allow it to render any combination of icon and label text (see notes section).
• Label text, if present, is placed visually below the icon.

Type of Changes

Enhancement

Updates

After

Testing Steps / QA Criteria

• Log in using Google credentials
• Refer to NavBar
• Click on links to ensure navigation and styling changes.

Note: Signout link currently navigates to View Lists because we have not yet created a Landing Page.

[github-actions]

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

https://tcl-74-smart-shopping-list--pr35-nr-dtp-iconbutton-h2d8s5p3.web.app

_{(expires Sat, 05 Oct 2024 16:39:58 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 79d73546692f99aad8468c28e36db434e2c190ac}

[shuveksha-tuladhar]

Everything looks great! The View List and Add Items buttons are functioning as expected. Thank you.

[stacy-tech]

🎉