Adds about page

[ticiadev]

Description

This code adds an about page to give a brief description of the app, link to the developers' websites, and credit the Home page logo. It is accessible by clicking on the List Luxe title.

Related Issue

Closes #40

Acceptance Criteria

• Create the About page following the wireframe in the notes
  • Create a section about the app and how to use it
  • Create a section with a brief bio on each developer that worked on it along with their photos and social links
• Add this page to the home and list pages using a drawer

Type of Changes

	Type
✓	✨ New feature

Updates

After

Testing Steps / QA Criteria

In your terminal, use git checkout tf-jf-about drawer to create a new branch and switch over.
Use git pull origin tf-jf-about drawer to bring the changes from remote to local.
npm start to start a local instance of our app

• Open the drawer from the Home page by clicking on the title and confirm that the Add Item page is displayed within it
• Test the drawer accessibility by opening and closing it using both keyboard and mouse

[github-actions]

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

https://tcl-55-smart-shopping-list--pr44-tf-jf-about-drawer-db40z96d.web.app

_{(expires Sun, 04 Jun 2023 23:36:44 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 607d14028385ebfcc7c9ec69a7bb14d95ed54078}

[Yaosaur]

Looks great both on desktop and mobile. Main change are the typos, the rest are just me trying to understand the deviation from the wireframe and our convo during OH.

[Yaosaur]

Unless I read our PR description, I was initially confused where we could find the about page. We spoke during OH about using a button above the add items button. Are we able to use that, just because its clearer?

[jeremiahfallin]

It was looking cluttered at the top of the app with both of the buttons (adding an item and also learning about the app) so we went with a subtle easter egg instead. We added the a cursor when you hover over the title and talked about also changing the title color on hover as clues that it is clickable.

[Yaosaur]

Per the AC, I was originally expecting photos for each of us. Was there a reason why that was scrapped?

[jeremiahfallin]

We also left out photos for the same clutter reason as the button. If you add more to the about drawer you have to scroll. Right now everything fits without having to scroll even on really small devices. We can add them if we really want them but we also all have pictures on our LinkedIns.

Discussed on Slack