Implemented payment successful popup

[haiibarose]

finish 8001 payment successful popup [enh120]

[mekintown]

Here are the tasks you need to complete before we can proceed with the merge:

• Use Tailwind CSS classes instead of inline styling.
• Utilize the existing openModal context API, which I've written. You can see an example in the MyGallery component. You can use it as follows:

const { openModal, closeModal } = useModal();
openModal(
      <PaymentSuccessful>,""
    );

If I remember correctly, you are responsible for the QR payment, right? If so:

• Create a QR modal (pop-up), connect it with the backend and this component then request my review again. :)

Next time, don't forget to assign me as a reviewer so I can receive notifications.

Thanks 😘