Create useToast Provider/Hook

[nsantos16]

Description

We need to implement the basic hook to render a component passed as a param on an absolute position.
According to primary research about how to render on the virtual DOM root, we need to provide an app wrapper (Provided) to distinct the absolute position of the screen.

---

The basic API of the hook is the next one:

const {onOpen, onClose} = useToast (<CustomToastComponent />);

In which:

• useToast is a hook invokes in whatever component inside the app
• onOpen is a handler function that when is invoked, shows<CustomToastComponent />in a fixed position (for now)
• onClose is a handler function that when is invoked remove<CustomToastComponent />from the app if it was shown, in another case, it doesn't anything

---

The basic API of the provider is the next one:

<ToastProvider>
  <App />
<ToastProvider />

In which:

• App is the application
• ToastProvider is a provider that allows useToast hook to show the custom component from anywhere in the application.

---

** Additional context **
To implementing the Provider component, is recommended use Context API

[peter7z]

What about defining the components to be used as toasts on the provider? I really doubt you will want to use a different component every time you show a toast. At most I imagine you will want something like info, success, and error. Or if we want to make them dynamic it could be an object with keys as the toast type and the component as the value.