logout util - consider making a logout button component instead

[rooberrydev]

You might want to combine the logout util and the logout button. The reason I say this is

1. because you'll probably want to redirect back to the / route when the user logs out, and this requires the useHistory() hook, which can only be called in a component function body or a custom hook
2. because you're unlikely to call the logout function outside the logout button.

The recommended way to redirect explicitly in react router 5 is the useHistory() hook, combined with history.push()

import {useHistory} from "react-router-dom"
const LogoutButton = () => {
  const history = useHistory()
  
  const logout = auth()
    .signOut()
    .then(() => {
      history.push('/');
    })
    .catch((error) => {
      console.error(error);
    });

  return (<button onClick={logout}>Log Out</button>)
}

then render this logout button on the sidebar👍

[rooberrydev]

an alternative is #20