Issue #14.5: Implement LandingPage Component & Enhance Navigation UI

[dterceroparker]

Description

This PR involves the development of a LandingPage component for the CollabShop application. The component will feature a placeholder logo, a product description, and a footer navigation bar that includes a "Meet the Team" icon and a "Sign In" button that navigates to application page.

Related Issue

Closes #39

Acceptance Criteria

• [x] Implement the LandingPage component.

  Add placeholder logo. Include a product description section. Provide instructions for signing in.

• [x] Include a footer navigation bar with:

  A "Meet the Team" icon that links to the respective page. A "Sign In" button for user authentication.

• [x] Modify Layout.jsx to ensure the Sign In button is not displayed in the UI.
• [x] Update useAuth.jsx to support passing a className prop and integrate FontAwesome icons.
• [x] Create a new stylesheet, LandingPage.css, to style the LandingPage component.

Type of Changes

Enhancement

Updates

Before

After

Testing Steps / QA Criteria

[github-actions[bot]]

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

https://tcl-74-smart-shopping-list--pr41-sd-dt-landingpage-xmi570jt.web.app

_{(expires Wed, 09 Oct 2024 16:25:54 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 79d73546692f99aad8468c28e36db434e2c190ac}