Add Auth to the app

[redapy]

For an example of how to fill this template out, see this Pull Request.

Description

• Added sign-in and sign-out functionalities.
• displayed the name of the current user, when they are signed-in

Related Issue

Closes #1

Acceptance Criteria

• The useAuth hook as well as the SignInButton and SignOutButton components are imported into Layout.jsx.
• The SignInButton is displayed on every page if the user is not signed in.
• The SignOutButton is displayed on every page if the user is signed in.

Type of Changes

• new feature

Updates

Before

After

• sign in state
  

• sign out state
  

Testing Steps / QA Criteria

• pull the branch mz-rb-auth and switch to it.
• you can see the sign in button the home page.
• click the signing button
• your name and the sign out button will show up
• you can enter the path of other pages in the URL, to check that the buttons are in all pages

[github-actions]

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

https://tcl-72-smart-shopping-list--pr16-mz-rb-auth-9utfffuo.web.app

_{(expires Sun, 11 Feb 2024 16:58:58 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: f7f2b0c98e4c5bce6be0f9b2cd44669f154caa67}

[llunaplanet]

I like this addition a lot, it's useful