dApp: Disable "Max" button in TokenBalanceInput (#526)

Closes: #504 

### Issue: 
As you attempt to deposit max amount of wallet balance you won't beable
to finalize the transaction due to insuficient balance to pay gas fee.

### Possible solution: 
Estimate gas fee, uncomment and handle error edge case.

Author: kkosiorowska

dapp/src/components/TransactionModal/ActiveStakingStep/StakeFormModal/index.tsx

@@ -20,6 +20,7 @@ function StakeFormModal({
       tokenBalance={tokenBalance}
       minTokenAmount={minDepositAmount}
       onSubmitForm={onSubmitForm}
+      withMaxButton={false}
     >
       <StakeDetails currency="bitcoin" />
       <FormSubmitButton mt={10}>Stake</FormSubmitButton>

dapp/src/components/TransactionModal/ActiveUnstakingStep/UnstakeFormModal/index.tsx

@@ -20,6 +20,7 @@ function UnstakeFormModal({
       tokenBalance={balance}
       minTokenAmount={minTokenAmount}
       onSubmitForm={onSubmitForm}
+      withMaxButton
     >
       <UnstakeDetails balance={balance} currency="bitcoin" />
       <FormSubmitButton mt={10}>Withdraw</FormSubmitButton>

dapp/src/components/shared/TokenAmountForm/TokenAmountFormBase.tsx

@@ -25,6 +25,7 @@ export type TokenAmountFormBaseProps = {
   tokenBalance: bigint
   tokenBalanceInputPlaceholder: string
   currency: CurrencyType
+  withMaxButton: boolean
   fiatCurrency?: CurrencyType
   children?: React.ReactNode
 }
@@ -35,6 +36,7 @@ export default function TokenAmountFormBase({
   currency,
   fiatCurrency,
   tokenBalanceInputPlaceholder,
+  withMaxButton,
   children,
   ...formikProps
 }: TokenAmountFormBaseProps & FormikProps<TokenAmountFormValues>) {
@@ -46,6 +48,7 @@ export default function TokenAmountFormBase({
         placeholder={tokenBalanceInputPlaceholder}
         currency={currency}
         fiatCurrency={fiatCurrency}
+        withMaxButton={withMaxButton}
       />
       {children}
     </Form>

dapp/src/components/shared/TokenBalanceInput/index.tsx

@@ -100,6 +100,7 @@ export type TokenBalanceInputProps = {
   size?: "lg" | "md"
   fiatCurrency?: CurrencyType
   setAmount: (value?: bigint) => void
+  withMaxButton?: boolean
 } & InputProps &
   HelperErrorTextProps
 
@@ -114,6 +115,7 @@ export default function TokenBalanceInput({
   helperText,
   hasError = false,
   fiatCurrency,
+  withMaxButton = false,
   ...inputProps
 }: TokenBalanceInputProps) {
   const valueRef = useRef<bigint | undefined>(amount)
@@ -159,11 +161,14 @@ export default function TokenBalanceInput({
             setAmount(valueRef?.current)
           }}
         />
-        <InputRightElement>
-          <Button h="70%" onClick={() => setAmount(tokenBalance)}>
-            Max
-          </Button>
-        </InputRightElement>
+
+        {withMaxButton && (
+          <InputRightElement>
+            <Button h="70%" onClick={() => setAmount(tokenBalance)}>
+              Max
+            </Button>
+          </InputRightElement>
+        )}
       </InputGroup>
       <HelperErrorText
         helperText={helperText}