Check against allowance on create stream

[alexisnsns]

Using a Wagmi hook (useContractRead), check if the user allowance has been fully utilized.

If there is some allowance left, don't make him do another approval transaction before creating a stream.

I want to create a stream which spends more than my previously set allowance (here 2 CHAOS), or this is my first interaction with the contract, I need to do an approval transaction:

But if I want to create a stream which spends less than my previously set allowance, I can directly create the stream:

The same logic has been added to the update stream component.

Also, as it can be seen on the above screenshots, I added productName as an optional props to make sure the components can be used for any payment interface, not showing the word 'stream' anymore